Tag

Chip neutro para filtros aplicados, etiquetas editables o selecciones múltiples.

Cuándo usarlo

Props. size (sm · md · lg), count, dot, onRemove, texto en children. Fondo bg-primary, borde border-primary, radius-md.

Badge o Tag. Badge informa de un estado y lo pone el sistema; Tag lo pone o lo quita el usuario.

DiseñoFacturas5LeónSincronizado

Prop	Tipo	Por defecto	Descripción
`size`	`"sm" · "md" · "lg"`	`sm`	Alto: `sm` 24 · `md` 24 con texto de 14 · `lg` 28.
`count`	`number`	—	Contador tras el texto.
`dot`	`boolean`	—	Punto verde antes del texto.
`onRemove`	`(() => void)`	—	Muestra una X para quitarlo.
`removeLabel`	`string`	—	Nombre accesible de la X. Por defecto, "Quitar" seguido del texto.
`className`	`string`	—

import { Tag } from "@jotis-me/react";

export default function Page() {
	return (
		<>
			<Tag size="md" count={5}>Facturas</Tag>
		</>
	);
}

---
import { Tag } from "@jotis-me/react";
---

<Tag size="md" count={5}>Facturas</Tag>

Con onRemove necesita una función: envuélvelo en un .tsx y úsalo como isla client:load.