Campos básicos
Texto, números, selección simple y booleanos — los bloques de cualquier formulario.
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.
FormTextField
Input de texto de una línea; acepta type (text, email, search…), prefijo/sufijo y contador de caracteres.
| Prop | Tipo | Requerida |
|---|---|---|
type | InputType | — |
autoComplete | string | — |
maxLength | number | — |
minLength | number | — |
pattern | string | — |
leftIcon | ReactNode | — |
rightIcon | ReactNode | — |
inputClassName | string | — |
showCharCount | boolean | — |
labelExtra | ReactNode | — |
FormTextareaField
Área de texto con auto-resize opcional y contador de caracteres.
| Prop | Tipo | Requerida |
|---|---|---|
rows | number | — |
maxLength | number | — |
minLength | number | — |
showCharCount | boolean | — |
resizable | boolean | — |
autoResize | boolean | — |
minRows | number | — |
maxRows | number | — |
inputClassName | string | — |
FormNumberField
Número con botones de incremento, min/max/step y formato de miles.
| Prop | Tipo | Requerida |
|---|---|---|
min | number | — |
max | number | — |
step | number | — |
showControls | boolean | — |
controlsPosition | 'sides' | 'right' | — |
allowDecimal | boolean | — |
decimalPlaces | number | — |
prefix | string | — |
suffix | string | — |
inputClassName | string | — |
FormSelectField
Select simple sobre SelectOptions (acepta opciones agrupadas).
| Prop | Tipo | Requerida |
|---|---|---|
options | SelectOptions | sí |
emptyLabel | string | — |
triggerClassName | string | — |
contentClassName | string | — |
FormCheckboxField
Checkbox individual con la etiqueta al lado.
| Prop | Tipo | Requerida |
|---|---|---|
labelPosition | 'left' | 'right' | — |
checkboxClassName | string | — |
indeterminate | boolean | — |
FormCheckboxGroupField
Grupo de checkboxes contra un array de valores.
| Prop | Tipo | Requerida |
|---|---|---|
labelPosition | 'left' | 'right' | — |
checkboxClassName | string | — |
indeterminate | boolean | — |
FormCheckboxWithSelectAll
Grupo con casilla maestra de seleccionar todo.
| Prop | Tipo | Requerida |
|---|---|---|
labelPosition | 'left' | 'right' | — |
checkboxClassName | string | — |
indeterminate | boolean | — |
FormRadioGroupField
Grupo de radios en columna o fila.
| Prop | Tipo | Requerida |
|---|---|---|
options | SelectOption[] | sí |
orientation | 'horizontal' | 'vertical' | — |
variant | 'default' | 'cards' | — |
FormSwitchField
Switch booleano con etiqueta y descripción.
| Prop | Tipo | Requerida |
|---|---|---|
labelPosition | 'left' | 'right' | — |
switchClassName | string | — |
reverse | boolean | — |
FormSwitchInlineField
Variante compacta en línea para listas de opciones.
| Prop | Tipo | Requerida |
|---|---|---|
labelPosition | 'left' | 'right' | — |
switchClassName | string | — |
reverse | boolean | — |
FormSliderField
Slider de un valor con marcas opcionales.
| Prop | Tipo | Requerida |
|---|---|---|
min | number | — |
max | number | — |
step | number | — |
showValue | boolean | — |
formatValue | ((value: number) => string) | — |
showMinMax | boolean | — |
sliderClassName | string | — |
FormRangeSliderField
Slider de rango (dos manijas) para min/max.
| Prop | Tipo | Requerida |
|---|---|---|
min | number | — |
max | number | — |
step | number | — |
showValue | boolean | — |
formatValue | ((value: number) => string) | — |
showMinMax | boolean | — |
sliderClassName | string | — |
FormToggleGroupField
Botonera de selección única o múltiple (iconos o texto).
| Prop | Tipo | Requerida |
|---|---|---|
options | SelectOption[] | sí |
type | 'single' | 'multiple' | — |
variant | 'default' | 'outline' | — |
size | 'default' | 'sm' | 'lg' | — |
fullWidth | boolean | — |
allowDeselect | boolean | — |
FormConfirmField
Checkbox de confirmación para términos/condiciones que bloquea el submit.
| Prop | Tipo | Requerida |
|---|---|---|
confirmValue | string | sí |
type | InputType | 'password' | — |
showMatchIndicator | boolean | — |
caseSensitive | boolean | — |
labels | { | — |
FormConditionalField
Muestra u oculta campos hijos según el valor de otro campo (watch).
| Prop | Tipo | Requerida |
|---|---|---|
conditions | FieldCondition<TFieldValues>[] | sí |
logic | 'and' | 'or' | — |
children | ReactNode | sí |
fallback | ReactNode | — |
animate | boolean | — |