componente · @solu30/ui-kit/input

ChipPill

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

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

Props

5 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
active	sí	`boolean`	Whether the chip is in its active/selected state
onClick	opcional	`() => void`	Click handler
children	sí	`React__default.ReactNode`	Chip label — accepts ReactNode for icons + text
disabled	opcional	`boolean`	Disable interaction
className	opcional	`string`	Additional CSS class

Ejemplo del paquete

<ChipPill active={selected === 'morning'} onClick={() => setSelected('morning')}>
Morning
</ChipPill>

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.