Blife UI

BásicoSólido

Variantes

OutlineSólido

XSmallSmallMediumLarge

SeleccionadoVerdeNo seleccionado

PrimarySuccessBlue

Primary SólidoSuccess SólidoBlue Sólido

Los chips pueden incluir una accion de eliminación para permitir al usuario remover elementos de listas o filtros.

EliminableSólido eliminable

Prop	Tipo	Requerido	Descripción
`variant`	`outline \| solid`	-	Estilo visual del chip
`size`	`xsmall \| small \| medium \| large`	-	Tamaño del chip
`selected`	`boolean`	-	Si el chip está seleccionado
`selectionColor`	`primary \| green\| blue`	-	Color semántico cuando está seleccionado
`dissmisable`	`boolean`	-	Si el chip puede ser eliminado
`onDissmisableClick`	`() => void`	-	Función que se ejecuta al hacer clic en el botón de eliminar
`className`	`string`	-	Clases CSS adicionales
`asChild`	`boolean`	-	Reemplaza el elemento predeterminado con el hijo proporcionado, fusionando sus props y comportamiento
`children`	`ReactNode`	-	Contenido del chip
`...rest`	`ComponentProps<"span">`	-	Todas las props del elemento HTML span