Files
2024-06-13 05:37:48 +00:00

1.6 KiB

title lang
Text en-US

Text

Used for text.

Basic

:::demo Use the type attribute to define Text's type.

text/basic

:::

Sizes

:::demo Use attribute size to set additional sizes with large, default or small.

text/sizes

:::

Ellipsis

:::demo Pass the truncated prop to render an ellipsis when the text exceeds the width of the viewport or max-width set. line-clamp prop to render multiline ellipsis.

text/truncated

:::

Override

:::demo Use attribute tag to override element

text/override

:::

Mixed

:::demo Text mixed component

text/mixed

:::

API

Attributes

Name Description Type Default
type text type ^[enum]'primary' | 'success' | 'warning' | 'danger' | 'info'
size text size ^[enum]'large' | 'default' | 'small' default
truncated render ellipsis ^[boolean] false
line-clamp ^(2.4.0) maximum lines ^[string] / ^[number]
tag custom element tag ^[string] span

Slots

Name Description
default default content