Texto
Utilizado para texto.
Básico
Utilice el atributo type para definir el tipo de texto.
Tamaños
Use el atributo size para establecer tamaños adicionales con los siguientes valores large, default o small.
Elipsis
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.
Self element set width 100px
allows limiting of the contents of
a block to the specified number of lines.
Squeezed by parent element
The -webkit-line-clamp CSS propertyallows limiting of the contents of
a block to the specified number of lines.
Sobrescribir
Use el atributo tag para sobreescribir el elemento HTML contenedor
Mixto
Combinando otros componentes con Text
API
Atributos
| Nombre | Descripción | Tipo | Por defecto |
|---|---|---|---|
| type | tipo de texto | enum | — |
| size | tamaño del texto | enum | default |
| truncated | mostrar puntos suspensivos | boolean | false |
| line-clamp 2.4.0 | maximum lines | string / number | — |
| tag | etiqueta de elemento personalizada | string | span |
Slots
| Nombre | Descripción |
|---|---|
| default | contenido por defecto |
Fuente
Componentes • Style • Documentación
dopamine
chouchouji
kooriookami
btea
Kylin