Menú
Chip
El componente Chip es un elemento versátil y compacto diseñado para mostrar información concisa de manera clara y visualmente atractiva. Los chips se utilizan comúnmente para representar etiquetas, categorías, opciones seleccionables o para filtrar contenido. Su diseño flexible permite una fácil integración en diversos contextos de tu aplicación.
Estilos
El componente chip se puede personalizar de varias maneras, desde el radio del borde, la sombra estilo vintage, los colores o sí es relleno o solo linea exterior.
La opción por defecto es line con color default y radio del borde como una pildora.
¡Importante! La variante fill no soporta la opción shadow='vintage', en estas primeras versiones. Estamos trabajando para arreglar este problema.
Colores
Los colores son personalizables a nivel de tema o por clases css, aquí te mostramos los colores que incluimos en nuestro tema.
Props
Áqui puedes encontrar las props que tiene el componente Chip
Color:
- "default",
- "primary",
- "secondary",
- "error",
- "warning",
- "success",
Variant:
- "line",
- "fill",
Rounded:
- "small",
- "medium",
- "big",
- "extra",
- "pill",
Shadow:
- "small",
- "medium",
- "big",
- "extra",
- "none",
- "vintage",