Combobox

Combobox forma parte del apartado «Formularios» del kit. Campos de entrada, selección, fechas y texto enriquecido, con validación y estados.

Instalación#

bash

pnpm add @tsukira/ui

tsx

import { Combobox } from "@tsukira/ui"; export function Ejemplo() {  return <Combobox />;}

Los ejemplos detallados de Combobox están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

ComboboxProps

Prop	Tipo	Default	Descripción
`options`*	`ComboboxOption[]`	—	—
`value`	`string \| null`	—	Valor controlado.
`onValueChange`	`((value: string \| null) => void)`	—	Cambio de valor.
`defaultValue`	`string \| null`	—	Valor inicial (no controlado).
`placeholder`	`string`	—	Placeholder del trigger.
`searchPlaceholder`	`string`	—	Placeholder del input de búsqueda.
`emptyMessage`	`string`	—	Mensaje cuando no hay resultados.
`size`	`'sm' \| 'md' \| 'lg'`	—	Tamaño del trigger.
`fullWidth`	`boolean`	—	Trigger a 100% del contenedor.
`renderOption`	`((opt: ComboboxOption, selected: boolean) => ReactNode)`	—	Renderizado custom de cada opción.
`id`	`string`	—	id para accesibilidad.
`isInvalid`	`boolean`	—	Estado inválido.
`disabled`	`boolean`	—	Desactivado.
`className`	`string`	—	className extra del trigger.
`style`	`React.CSSProperties`	—	style inline del trigger.