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. Starting from version 2.14.6, isTruncated is exposed to indicate whether the text is truncated. You can use it to show a tooltip only when truncation occurs.
Self element set width 100px
Squeezed by parent element
The -webkit-line-clamp CSS property
allows limiting of the contents of
a block to the specified number of lines.
allows limiting of the contents of
a block to the specified number of lines.
Show tooltip only when the text is truncated
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 |
Expuesto
| Nombre | Descripcíon | Tipo |
|---|---|---|
| isTruncated 2.14.6 | whether the text is truncated | object |
Fuente
Componentes • Style • Documentación
Contribuidores
