componente · @solu30/ui-kit/input

FilterChip

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

import { FilterChip } from '@solu30/ui-kit/input'

Props

5 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
label	sí	`string`	Chip label
onRemove	sí	`() => void`	Called when the X button is clicked
variant	opcional	`FilterChipVariant`	Preset color variant
style	opcional	`React__default.CSSProperties`	Custom inline style — use for dynamic colors (e.g. supplier-specific)
className	opcional	`string`	Additional CSS class

Ejemplo del paquete

<FilterChip label="Categoría" onRemove={() => clearCategory()} />
<FilterChip label="Bajo pedido" variant="info" onRemove={() => clearAvailability()} />
<FilterChip label="Sin costo" variant="warning" onRemove={() => clearNoCost()} />
<FilterChip label="BioSalud" style={{ backgroundColor: 'var(--color-green-bg)', color: 'var(--color-green)' }} onRemove={() => removeSupplier(sid)} />

Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.