Some properties provide flexibility for specific integrations. Follow the component's usage guidance. Customizations beyond the documented patterns need a use case approved by DNB UX. Read about intended use and customization.
Properties#
| Type | Description | |
|---|---|---|
direction | "horizontal" "vertical" | (optional) Direction of sub components. Can be: horizontal or vertical. Defaults to vertical. |
align | "flex-start" "flex-end" "center" "baseline" "stretch" | (optional) Align sub components along the cross axis (CSS align-items). In horizontal direction, this controls vertical alignment. In vertical direction, this controls horizontal alignment. Defaults to stretch. |
alignSelf | "flex-start" "flex-end" "center" "baseline" "stretch" | (optional) Align the Stack itself when it is a flex item in an outer container (CSS align-self). Defaults to stretch. |
gap | "xx-small" "x-small" "small" "medium" "large" "x-large" "xx-large" false | (optional) How much space between child items. Use false for no spacing. In vertical direction, rowGap is used instead when both are set. Defaults to medium, or small when divider is line or line-framed. |
element | string React.Element | (optional) Define the type of element. Defaults to section. |
Flex.Container | Various | (optional) Flex.Container properties. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |