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: "3.75rem" | "3rem" | "2rem" | "1.5rem" | "1.25rem" | "1rem" | "0.875rem" | "0.75rem" | '1rem' | Specifies the font-size CSS property of the component. |
fontStile: "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 | | |