Popout example: Position and alignment | Nord Design System

Default

Example content

align="start"

Example content

align="end"

Example content

position="block-end"

Example content

position="block-start"

Example content

position="inline-start"

Example content

position="inline-end"

Example content

align="start" position="block-end"

Example content

align="start" position="block-start"

Example content

align="start" position="inline-start"

Example content

align="start" position="inline-end"

Example content

align="end" position="block-end"

Example content

align="end" position="block-start"

Example content

align="end" position="inline-start"

Example content

align="end" position="inline-end"

Example content