Skip to content

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

NameTypeDefaultDescription
type'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info'''Text type.
size'xs' | 'sm' | 'md' | 'lg'''Text size.
truncatedbooleanfalseRender ellipsis.
tagstring'span'Custom element tag.
font'normal' | 'block' | 'bold' | 'italic' | 'sub' | 'sup' | 'under' | 'del' | 'mark'''alias for tag.
gradientstring''Render the gradient text, use css linear-gradient.

Text Slots

NameParametersDescription
default()Customize default content.

MIT Licensed