componente · @solu30/ui-kit/input
TagInput
El componente, montado
Cargando el espécimen…
Cargando el chunk del paquete instalado…
De dónde se importa
import { TagInput } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| value | sí | string[] | Current list of tags |
| onChange | sí | (tags: string[]) => void | Called with updated tag list on add/remove |
| label | opcional | React__default.ReactNode | Optional label above the input |
| placeholder | opcional | string | Input placeholder text |
| className | opcional | string | Additional class for the wrapper |
| tagClassName | opcional | string | Additional class for each tag chip |
| disabled | opcional | boolean | Disables the input and add/remove controls |
Ejemplo del paquete
<TagInput
label="Benefits"
placeholder="Housing, rotation..."
value={benefits}
onChange={setBenefits}
/>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.