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 | |
|---|---|---|
element | HTMLElement string | (optional) Defines the Element Type, like p. |
size | "x-small" "small" "basis" "medium" "large" "x-large" "xx-large" | (optional) Sets the font size, also sets the line-height if lineHeight property is not set. |
lineHeight | "x-small" "small" "basis" "medium" "large" "x-large" "xx-large" | (optional) Sets the line height. Defaults to the size, or the Display line height when family is display. |
align | "center" "left" "right" | (optional) Sets the text alignment. |
family | "basis" "default" "heading" "monospace" "display" | (optional) Sets the font family. Display is experimental. Contact the Eufemia team before use. Use it only for short, expressive headlines. Display has one upright weight. |
weight | "light" "regular" "medium" "bold" | (optional) Sets the font weight. |
decoration | "underline" | (optional) Sets the font decoration. |
slant | "italic" | (optional) Sets the font style. |
proseMaxWidth | number boolean | (optional) Sets the maximum width based on character count for all Typography children. This will limit the text width to approximately the specified number of characters. Use true for a default value of 60ch. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |