componente · @solu30/ui-kit/data-display

FilterDropdown

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

import { FilterDropdown } from '@solu30/ui-kit/data-display'

Props

8 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
options	sí	`FilterDropdownOption[]`	Available options
value	sí	`string[]`	Selected values
onChange	sí	`(values: string[]) => void`	Callback when selection changes
placeholder	opcional	`string`	Placeholder text when nothing selected
labelPlural	opcional	`string`	Plural label used in count display: "2 {labelPlural}"
clearLabel	opcional	`string`	Clear button label
minWidth	opcional	`string`	Min width for the dropdown panel
className	opcional	`string`	Additional CSS class on the trigger button

Ejemplo del paquete

<FilterDropdown
options={TYPE_OPTIONS}
value={typeFilter}
onChange={setTypeFilter}
placeholder="Tipo"
labelPlural="tipos"
/>

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.