Formularios base
Formularios base
ID: CAT-B-FORMSPrimitivas de formulario (react-aria). Cada componente muestra sus estados por columna.
Text field
| Componente | Default | Active | Disabled |
|---|---|---|---|
| AriaTextField | |||
| AriaTextField + iconLeft | |||
| AriaTextField + iconRight |
Select
| Componente | Default | Disabled |
|---|---|---|
| AriaSelect | Rol | Rol |
| AriaSelectCombobox | Framework Next.js Astro React Vue Svelte | Framework Next.js Astro React |
Checkbox y Switch
| Componente | Default | Active | Disabled |
|---|---|---|---|
| AriaCheckbox | |||
| AriaSwitch |
Otros controles
| Componente | Default | Active | Disabled |
|---|---|---|---|
| AriaDropdown | Interactivo (click para abrir) |
Tooltip
| Componente | Default | Disabled |
|---|---|---|
| AriaTooltip | Pasa el mouse | — |
Color Picker
| Componente | Default | Disabled |
|---|---|---|
| AriaColorPicker |
Slider
| Componente | Default | Active | Disabled |
|---|---|---|---|
| AriaSlider |
Date Picker
| Componente | Default | Disabled |
|---|---|---|
| AriaDatePicker | Fecha 5/12/2025 | Fecha 1/1/2025 |
Date Range Picker
| Componente | Default | Disabled |
|---|---|---|
| AriaDateRangePicker | Rango 5/1/2025 -5/12/2025 | Rango 1/1/2025 -1/31/2025 |
Dropzone
| Componente | Default | Hover | Disabled |
|---|---|---|---|
| AriaDropzone | Arrastra un archivo PNG, JPG hasta 2MB | Arrastra un archivo PNG, JPG hasta 2MB | No disponible Deshabilitado |
Reorder List
| Componente | Default | Hover | Disabled |
|---|---|---|---|
| AriaReorderList | Actualizaciones Seguridad Velocidad | Actualizaciones | Actualizaciones Seguridad Velocidad |
Multi-select Combobox
| Componente | Default | Disabled |
|---|---|---|
| AriaSelectMultiCombobox | Manzana Banana Cereza Durazno Fresa Mango | Opción 1 Opción 2 |
Text field nativo
| Componente | Default | Active | Disabled |
|---|---|---|---|
| AriaText | |||
| AriaText + error | Campo requerido |