Text
Text represent a single text line without semantic meaning.
| install | yarn add @clayui/core |
|---|---|
| version | 3.123.0 |
Text
| Property | Description |
|---|---|
as'p' | 'span' | Determine the way in which a text is displayed. The default value is 'span' |
childrenReact.ReactNode | Text content. |
color| null
| 'primary'
| 'secondary'
| 'muted'
| 'success'
| 'warning'
| 'danger'
| 'info' | Determine the color text. |
idstring | The id global attribute defines an identifier (ID) which must be unique in the whole document. |
italicboolean | Set the text in italic style. |
monospaceboolean | Set the text in monospace style. |
size1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Number to set the text size. The default value is 4 |
truncateboolean | Set the text in truncate style. |
weight| 'lighter'
| 'light'
| 'normal'
| 'semi-bold'
| 'bold'
| 'bolder' | Determines the weight of the font. |
TextHighlight
| Property | Description |
|---|---|
childrenstring | The component content. |
matchstring | Match is the string that will be compared with value. |