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 | |
|---|---|---|
value | Array<React.ReactNode> | (optional) The value to format. Can be given as children instead. |
children | React.ReactNode | (optional) The children to format. |
locale | string | (optional) Locale used to format the value when variant is text. Defaults to the shared Provider locale. |
format | Intl.ListFormatOptions | (optional) Formatting options for the value when variant is text. See the Intl.ListFormat documentation. |
variant | "ol" "ul" "text" | (optional) Defines if the value should be displayed in list format (ol, ul) or regular text format in one line. Defaults to text. |
listType | "a" "A" "i" "I" "1" "circle" "disc" "square" "unstyled" undefined | (optional) Defines the type of list styling used for list variants. Used together with variant ol and ul. Variant ol: a, A, i, I and 1. Variant ul: circle, disc and square. Defaults to undefined. |
inside | boolean | (optional) Defines the position of the marker. |
outside | boolean | (optional) Defines the position of the marker (default). |
nested | boolean | (optional) Will ensure a nested structure of several lists. |
ref | React.RefObject | (optional) Send along a custom React.Ref. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |