Etiqueta
Pequeñas etiquetas para insertar en cualquier lugar.
Playground
Props
Ejemplos
Colores
PrincipalEnlaceInformaciónÉxitoAdvertenciaPeligroNegroOscuroClaroBlanco
Tamaños
Modificadores
Lista de etiquetas
El componente Tags es un contenedor para una lista de etiquetas.
Complementos
Puedes unir etiquetas con la propiedad addons en el contenedor Tags.
Props
Tag
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
as | ElementType | 'span' | El elemento HTML para renderizar. |
children | ReactNode | - | El contenido de la etiqueta. |
clamp | boolean | false | Trunca el texto a una sola línea. |
className | string | - | Clases CSS adicionales. |
color | ThemeColor | - | Establece el color de la etiqueta. |
icon | DynamicIcon | - | Un icono para mostrar dentro de la etiqueta. |
light | boolean | false | Aplica la variante de color claro. |
rounded | boolean | false | Hace que la etiqueta sea completamente redondeada (forma de píldora). |
size | ThemeSize | - | Establece el tamaño de la etiqueta. |
Tags
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
addons | boolean | false | Une las etiquetas. |
alignment | 'centered' | 'right' | - | Alinea las etiquetas. |
children | ReactNode | - | Las etiquetas para mostrar. |
className | string | - | Clases CSS adicionales. |
Ver también
Last updated on