Text NEW
Used for text.
Basic usage
Use the type
attribute to define the Text
type.
Gradient
Use the gradient
attribute to render a gradient Text
.
Size
Use the size
attribute to set additional sizes with xs
, sm
, md
(default) or lg
.
Ellipsis
Pass the truncated
prop to render an ellipsis when the text exceeds the width of the viewport or the max-width set.
Override
Use attribute tag
or font
to override element.
Mixed
Text Props
Name | Type | Default | Description |
---|---|---|---|
type | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | '' | Text type. |
size | 'xs' | 'sm' | 'md' | 'lg' | '' | Text size. |
truncated | boolean | false | Render ellipsis. |
tag | string | 'span' | Custom element tag. |
font | 'normal' | 'block' | 'bold' | 'italic' | 'sub' | 'sup' | 'under' | 'del' | 'mark' | '' | alias for tag. |
gradient | string | '' | Render the gradient text, use css linear-gradient . |
Text Slots
Name | Parameters | Description |
---|---|---|
default | () | Customize default content. |