Name | Default | Description |
---|
as: keyof HTMLElementTagNameMap | 'span' | Determines the HTML tag with which the text is to be rendered (any valid HTML tag). |
display: 'inline' | 'block' | 'inline' | Specifies the display CSS property of the component. |
fontFamily: 'Open Sans, sans-serif' | 'Source Code Pro, monospace' | 'Open Sans, sans-serif' | Specifies the font-family CSS property of the component. |
fontSize: '0.75rem' | '0.875rem' | '1rem' | '1.25rem' | '1.5rem' | '2rem' | '3rem' | '3.75rem' | '1rem' | Specifies the font-size CSS property of the component. |
fontStyle: 'italic' | 'normal' | 'normal' | Specifies the font-style CSS property of the component. |
fontWeight: '300' | '400' | '600' | '700' | '400' | Specifies the font-weight CSS property of the component. |
letterSpacing: '-0.025em' | '-0.0125em' | '0em' | '0.025em' | '0.05em' | '0.1em' | '0em' | Specifies the letter-spacing CSS property of the component. |
lineHeight: '1em' | '1.25em' | '1.365em' | '1.5em' | '1.715em' | '2em' | '1.5em' | Specifies the line-height CSS property of the component. |
textAlign: 'left' | 'center' | 'right' | 'left' | Specifies the text-align CSS property of the component. |
color: string | '#000000' | Color of text. |
textDecoration: 'none' | 'underline' | 'line-through' | 'none' | Specifies the text-decoration CSS property of the component. |
textOverflow: 'clip' | 'ellipsis' | 'unset' | 'unset' | Specifies the text-overflow CSS property of the component. |
whiteSpace: 'normal' | 'nowrap' | 'pre' | 'pre-line' | 'pre-wrap' | 'normal' | Specifies the white-space CSS property of the component. |
children: node | | |