Tag

El componente Tag se utiliza para mostrar etiquetas con diferentes variantes, tamaños y opciones de cierre.

Uso

import { Tag } from "essential-materials";

Ejemplos

Basico

Uso basico del Tag.

Etiqueta

Tamaños

Se puede colocar en tres tamaños: "small", "medium", "large".

PequeñoMedianoGrande

Variantes

Todas las variantes que se pueden colocar.

defaultPrimariaSecundariaExitoAdvertenciainformacionError

API

Propiedad	Tipo	Descripción	Valores posibles	Default
variant	"default" | "primary" | "secondary" | "success" | "danger" | "warning"	Estilo visual de la etiqueta	"default", "primary", "success", "danger", "warning"	"default"
closable	boolean	Permite cerrar la etiqueta	true, false	false
size	"small" | "medium" | "large"	Tamaño de la etiqueta	"small", "medium", "large"	"medium"
className	string	Clases CSS personalizadas	"" o cualquier clase válida	""
onClose	() => void	Función que se ejecuta al cerrar la etiqueta	() => void	undefined