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

SearchInput

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

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

7 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
value	sí	`string`	—
onChange	sí	`(value: string) => void`	—
placeholder	opcional	`string`	—
debounce	opcional	`number`	—
autoFocus	opcional	`boolean`	—
className	opcional	`string`	Clases para el `<input>`. OJO — es el input, NO el contenedor: el elemento que participa del layout del padre es el `<div>` raíz, y a ese hay que hablarle con `rootClassName`. Un `flex-1` o un `min-w-0` acá no hacen nada, porque el input ya es `w-full` dentro de una raíz que nunca los recibió. (Medido en gestorsalon el 2026-08-18: 12 call sites pasando layout por acá; ninguno llegaba al flex item.)
rootClassName	opcional	`string`	Clases para el `<div>` raíz — ancho, `flex-1`, `min-w-0`, todo lo que define cómo el buscador se comporta como hijo de su contenedor. La raíz también es el bloque contenedor de la lupa y de la X de limpiar (las dos son `absolute` contra ella): si el input queda más angosto que la raíz, la X deja de alinearse con el borde del campo.