FesaComponents

Selección avanzada

Comboboxes (locales y async), multi-select, transfer y árboles.

Todos los campos comparten el contrato base (control, name, label, description, placeholder, disabled, required, tooltip, className). Aquí se listan solo las props adicionales de cada campo.

FormComboboxField

Combobox con búsqueda local sobre opciones estáticas.

PropTipoRequerida
optionsSelectOption[]
emptyMessagestring
searchPlaceholderstring
triggerClassNamestring
contentClassNamestring

FormSearchableCombobox

Combobox async: busca contra una server action con debounce y paginación.

PropTipoRequerida
searchFnSearchableComboboxProps['searchFn']
searchPlaceholderstring
emptyMessagestring
clearableboolean
pageSizenumber

FormMultiSelectField

Selección múltiple con badges removibles y búsqueda.

PropTipoRequerida
optionsSelectOption[]
emptyMessagestring
searchPlaceholderstring
maxItemsnumber
triggerClassNamestring
contentClassNamestring
badgeVariant'default' | 'secondary' | 'destructive' | 'outline'

FormAutoCompleteField

Autocompletado con sugerencias async y mínimo de caracteres.

PropTipoRequerida
suggestionsSelectOption[]
onSearch((query: string) => void | Promise<void>)
isLoadingboolean
minCharsnumber
debounceMsnumber
allowFreeTextboolean
showIconboolean
labels&#123;
inputClassNamestring
highlightMatchboolean

FormTransferField

Doble lista (disponibles ↔ seleccionados) con búsqueda y mover en bloque.

FormTreeSelectField

Selección jerárquica sobre TreeNode[] con expansión y selección de ramas.

En esta pagina