You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Terra Data Attributes Contracts
Contrato formal de atributos data-* entre Terra y Air.
Generado automáticamente desde src/uix/terra/utils/contracts.ts.
⚠️ Estos attrs son API PÚBLICA. Cambiarlos es un breaking change.
Índice
Switch
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-switch-root |
(flag) |
Siempre presente en el root del Switch |
data-state |
checked | unchecked |
Estado del switch: checked o unchecked |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-required |
(flag) |
Presente cuando required=true |
Thumb
| Attr |
Valores |
Descripción |
data-switch-thumb |
(flag) |
Siempre presente en el elemento thumb |
Checkbox
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-checkbox-root |
(flag) |
Siempre presente en el root del Checkbox |
data-state |
checked | unchecked | indeterminate |
Estado: checked, unchecked o indeterminate |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-readonly |
(flag) |
Presente cuando readonly=true |
Group
| Attr |
Valores |
Descripción |
data-checkbox-group |
(flag) |
Siempre presente en el grupo de checkboxes |
data-disabled |
(flag) |
Presente cuando el grupo tiene disabled=true |
Group-label
| Attr |
Valores |
Descripción |
data-checkbox-group-label |
(flag) |
Siempre presente en la label del grupo |
data-disabled |
(flag) |
Hereda disabled del grupo |
Input
| Attr |
Valores |
Descripción |
data-checkbox-input |
(flag) |
Siempre presente en el input hidden |
RadioGroup
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-radio-group-root |
(flag) |
Siempre presente en el root del RadioGroup |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-readonly |
(flag) |
Presente cuando readonly=true |
data-orientation |
horizontal | vertical |
Orientación del grupo |
Item
| Attr |
Valores |
Descripción |
data-radio-item |
(flag) |
Siempre presente en cada item |
data-state |
checked | unchecked |
Estado: checked o unchecked |
data-disabled |
(flag) |
Presente cuando el item o grupo está disabled |
data-readonly |
(flag) |
Presente cuando el grupo está readonly |
Toggle
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-toggle-root |
(flag) |
Siempre presente en el root del Toggle |
data-state |
on | off |
Estado: on u off (pressed) |
data-disabled |
(flag) |
Presente cuando disabled=true |
ToggleGroup
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-toggle-group-root |
(flag) |
Siempre presente en el root del ToggleGroup |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-orientation |
horizontal | vertical |
Orientación del grupo |
data-type |
single | multiple |
Tipo de selección: single o multiple |
Item
| Attr |
Valores |
Descripción |
data-toggle-item |
(flag) |
Siempre presente en cada item |
data-state |
on | off |
Estado: on u off |
data-disabled |
(flag) |
Presente cuando el item o grupo está disabled |
Slider
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-slider-root |
(flag) |
Siempre presente en el root del Slider |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-orientation |
horizontal | vertical |
Orientación del slider |
Thumb
| Attr |
Valores |
Descripción |
data-slider-thumb |
(flag) |
Siempre presente en el thumb |
data-disabled |
(flag) |
Hereda disabled del root |
Track
| Attr |
Valores |
Descripción |
data-slider-track |
(flag) |
Siempre presente en el track |
Range
| Attr |
Valores |
Descripción |
data-slider-range |
(flag) |
Porción del track con valor activo |
Accordion
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-accordion-root |
(flag) |
Siempre presente en el root del Accordion |
data-disabled |
(flag) |
Presente cuando disabled=true (global) |
data-orientation |
horizontal | vertical |
Orientación de navegación |
Item
| Attr |
Valores |
Descripción |
data-accordion-item |
(flag) |
Siempre presente en cada item |
data-disabled |
(flag) |
Presente cuando el item está disabled |
data-state |
open | closed |
Estado del item: open o closed |
data-orientation |
horizontal | vertical |
Hereda orientación del root |
Trigger
| Attr |
Valores |
Descripción |
data-accordion-trigger |
(flag) |
Siempre presente en el trigger |
data-disabled |
(flag) |
Presente cuando disabled |
data-state |
open | closed |
Estado del item asociado |
data-orientation |
horizontal | vertical |
Hereda orientación |
Content
| Attr |
Valores |
Descripción |
data-accordion-content |
(flag) |
Siempre presente en el content |
data-disabled |
(flag) |
Hereda disabled del item |
data-state |
open | closed |
Estado del item asociado |
data-orientation |
horizontal | vertical |
Hereda orientación |
| Attr |
Valores |
Descripción |
data-accordion-header |
(flag) |
Siempre presente en el header |
data-heading-level |
(flag) |
Nivel del heading (1-6) |
data-state |
open | closed |
Estado del item asociado |
data-orientation |
horizontal | vertical |
Hereda orientación |
Collapsible
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-collapsible-root |
(flag) |
Siempre presente en el root |
data-state |
open | closed |
Estado: open o closed |
data-disabled |
(flag) |
Presente cuando disabled=true |
Trigger
| Attr |
Valores |
Descripción |
data-collapsible-trigger |
(flag) |
Siempre presente en el trigger |
data-state |
open | closed |
Estado del collapsible |
data-disabled |
(flag) |
Presente cuando disabled |
Content
| Attr |
Valores |
Descripción |
data-collapsible-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado del collapsible |
data-disabled |
(flag) |
Hereda disabled del root |
Dialog
Versión del contrato: 1
Content
| Attr |
Valores |
Descripción |
data-terra-dialog-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
data-nested |
(flag) |
Presente cuando el dialog está anidado dentro de otro |
data-nested-open |
(flag) |
Presente cuando hay dialogs anidados abiertos |
Trigger
| Attr |
Valores |
Descripción |
data-terra-dialog-trigger |
(flag) |
Siempre presente en el trigger |
Overlay
| Attr |
Valores |
Descripción |
data-terra-dialog-overlay |
(flag) |
Siempre presente en el overlay |
data-state |
open | closed |
Estado: open o closed |
data-nested |
(flag) |
Presente cuando el dialog está anidado |
data-nested-open |
(flag) |
Presente cuando hay dialogs anidados abiertos |
Title
| Attr |
Valores |
Descripción |
data-terra-dialog-title |
(flag) |
Siempre presente en el title |
Description
| Attr |
Valores |
Descripción |
data-terra-dialog-description |
(flag) |
Siempre presente en la description |
Close
| Attr |
Valores |
Descripción |
data-terra-dialog-close |
(flag) |
Siempre presente en el botón close |
AlertDialog
Versión del contrato: 1
Content
| Attr |
Valores |
Descripción |
data-alert-dialog-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
Trigger
| Attr |
Valores |
Descripción |
data-alert-dialog-trigger |
(flag) |
Siempre presente en el trigger |
Overlay
| Attr |
Valores |
Descripción |
data-alert-dialog-overlay |
(flag) |
Siempre presente en el overlay |
Title
| Attr |
Valores |
Descripción |
data-alert-dialog-title |
(flag) |
Siempre presente en el title |
Description
| Attr |
Valores |
Descripción |
data-alert-dialog-description |
(flag) |
Siempre presente en la description |
Cancel
| Attr |
Valores |
Descripción |
data-alert-dialog-cancel |
(flag) |
Botón de cancelar |
Action
| Attr |
Valores |
Descripción |
data-alert-dialog-action |
(flag) |
Botón de acción principal |
Drawer
Versión del contrato: 1
Content
| Attr |
Valores |
Descripción |
data-drawer-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
data-side |
top | right | bottom | left |
Lado desde donde se abre el drawer |
Trigger
| Attr |
Valores |
Descripción |
data-drawer-trigger |
(flag) |
Siempre presente en el trigger |
Overlay
| Attr |
Valores |
Descripción |
data-drawer-overlay |
(flag) |
Siempre presente en el overlay |
Title
| Attr |
Valores |
Descripción |
data-drawer-title |
(flag) |
Siempre presente en el title |
Description
| Attr |
Valores |
Descripción |
data-drawer-description |
(flag) |
Siempre presente en la description |
Close
| Attr |
Valores |
Descripción |
data-drawer-close |
(flag) |
Siempre presente en el botón close |
Popover
Versión del contrato: 1
Content
| Attr |
Valores |
Descripción |
data-popover-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
Trigger
| Attr |
Valores |
Descripción |
data-popover-trigger |
(flag) |
Siempre presente en el trigger |
Arrow
| Attr |
Valores |
Descripción |
data-popover-arrow |
(flag) |
Flecha indicadora (opcional) |
Tooltip
Versión del contrato: 1
Content
| Attr |
Valores |
Descripción |
data-tooltip-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
Trigger
| Attr |
Valores |
Descripción |
data-tooltip-trigger |
(flag) |
Siempre presente en el trigger |
Arrow
| Attr |
Valores |
Descripción |
data-tooltip-arrow |
(flag) |
Flecha indicadora (opcional) |
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-dropdown-menu-root |
(flag) |
Contexto raíz (no genera elemento) |
Trigger
| Attr |
Valores |
Descripción |
data-dropdown-menu-trigger |
(flag) |
Siempre presente en el trigger |
Content
| Attr |
Valores |
Descripción |
data-dropdown-menu-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
Item
| Attr |
Valores |
Descripción |
data-dropdown-menu-item |
(flag) |
Siempre presente en cada item |
data-highlighted |
(flag) |
Presente cuando el item está highlighteado |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-orientation |
horizontal | vertical |
Orientación del item |
Checkbox-item
| Attr |
Valores |
Descripción |
data-dropdown-menu-checkbox-item |
(flag) |
Item de tipo checkbox |
data-state |
checked | unchecked |
Estado: checked o unchecked |
Radio-item
| Attr |
Valores |
Descripción |
data-dropdown-menu-radio-item |
(flag) |
Item de tipo radio |
data-state |
checked | unchecked |
Estado: checked o unchecked |
Separator
| Attr |
Valores |
Descripción |
data-dropdown-menu-separator |
(flag) |
Separador visual |
Versión del contrato: 1
Content
| Attr |
Valores |
Descripción |
data-context-menu-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
Item
| Attr |
Valores |
Descripción |
data-context-menu-item |
(flag) |
Siempre presente en cada item |
data-highlighted |
(flag) |
Presente cuando el item está highlighteado |
data-disabled |
(flag) |
Presente cuando disabled=true |
Separator
| Attr |
Valores |
Descripción |
data-context-menu-separator |
(flag) |
Separador visual |
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-menubar-root |
(flag) |
Siempre presente en el root |
Trigger
| Attr |
Valores |
Descripción |
data-menubar-trigger |
(flag) |
Siempre presente en el trigger de cada menú |
data-state |
open | closed |
Estado: open o closed |
data-highlighted |
(flag) |
Presente cuando tiene foco o hover |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-menu-value |
(flag) |
Valor del menú (value prop) |
Content
| Attr |
Valores |
Descripción |
data-menu-content |
(flag) |
Siempre presente en el content |
Field
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-field-root |
(flag) |
Siempre presente en el root |
data-state |
valid | invalid |
Estado de validación del campo |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-readonly |
(flag) |
Presente cuando readonly=true |
Select
Versión del contrato: 1
Trigger
| Attr |
Valores |
Descripción |
data-select-trigger |
(flag) |
Siempre presente en el trigger |
data-state |
open | closed |
Estado: open o closed |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-placeholder |
(flag) |
Presente cuando no hay valor seleccionado |
Content
| Attr |
Valores |
Descripción |
data-select-content |
(flag) |
Siempre presente en el content |
data-state |
open | closed |
Estado: open o closed |
Item
| Attr |
Valores |
Descripción |
data-select-item |
(flag) |
Siempre presente en cada item |
data-highlighted |
(flag) |
Presente cuando highlighteado |
data-selected |
(flag) |
Presente cuando está seleccionado |
data-disabled |
(flag) |
Presente cuando disabled=true |
Viewport
| Attr |
Valores |
Descripción |
data-select-viewport |
(flag) |
Área visible del content |
Combobox
Versión del contrato: 1
Input
| Attr |
Valores |
Descripción |
data-combobox-input |
(flag) |
Siempre presente en el input |
data-state |
open | closed |
Estado: open o closed |
data-disabled |
(flag) |
Presente cuando disabled=true |
Command
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-command-root |
(flag) |
Siempre presente en el root |
Input
| Attr |
Valores |
Descripción |
data-command-input |
(flag) |
Siempre presente en el input de búsqueda |
List
| Attr |
Valores |
Descripción |
data-command-list |
(flag) |
Lista de items |
Item
| Attr |
Valores |
Descripción |
data-command-item |
(flag) |
Siempre presente en cada item |
data-value |
(flag) |
Valor del item para filtrado |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-selected |
(flag) |
Presente cuando está seleccionado |
data-group |
(flag) |
Valor del grupo al que pertenece |
Separator
| Attr |
Valores |
Descripción |
data-command-separator |
(flag) |
Separador visual |
Empty
| Attr |
Valores |
Descripción |
data-command-empty |
(flag) |
Mensaje cuando no hay resultados |
Tabs
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-tabs-root |
(flag) |
Siempre presente en el root |
data-orientation |
horizontal | vertical |
Orientación de las tabs |
Trigger
| Attr |
Valores |
Descripción |
data-tabs-trigger |
(flag) |
Siempre presente en cada trigger |
data-state |
active | inactive |
Estado: active o inactive |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-value |
(flag) |
Valor identificador de la tab |
Content
| Attr |
Valores |
Descripción |
data-tabs-content |
(flag) |
Siempre presente en cada content |
data-value |
(flag) |
Valor identificador del content |
data-state |
active | inactive |
Estado: active o inactive |
Calendar
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-calendar-root |
(flag) |
Siempre presente en el root |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-readonly |
(flag) |
Presente cuando readonly=true |
Cell
| Attr |
Valores |
Descripción |
data-calendar-cell |
(flag) |
Celda individual del calendario |
data-disabled |
(flag) |
Presente cuando la celda está deshabilitada |
data-readonly |
(flag) |
Presente cuando readonly=true |
data-unavailable |
(flag) |
Presente cuando la fecha no está disponible |
data-today |
(flag) |
Presente si es la fecha de hoy |
data-outside-month |
(flag) |
Presente si es de otro mes |
data-outside-visible-months |
(flag) |
Presente si está fuera del rango visible |
data-focused |
(flag) |
Presente si tiene foco |
data-selected |
(flag) |
Presente si está seleccionada |
data-value |
(flag) |
Valor de la fecha (ISO string) |
data-type |
day | week | month | year |
Tipo de fecha |
Day
| Attr |
Valores |
Descripción |
data-calendar-day |
(flag) |
Celda que representa un día |
| Attr |
Valores |
Descripción |
data-calendar-header |
(flag) |
Header con navegación |
data-disabled |
(flag) |
Hereda disabled del root |
data-readonly |
(flag) |
Hereda readonly del root |
Heading
| Attr |
Valores |
Descripción |
data-calendar-heading |
(flag) |
Título con mes/año |
DatePicker
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-date-picker-root |
(flag) |
Siempre presente en el root |
Trigger
| Attr |
Valores |
Descripción |
data-date-picker-trigger |
(flag) |
Trigger que abre el calendar |
Progress
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-progress-root |
(flag) |
Siempre presente en el root |
Track
| Attr |
Valores |
Descripción |
data-progress-track |
(flag) |
Track de fondo |
Fill
| Attr |
Valores |
Descripción |
data-progress-fill |
(flag) |
Porción completada |
data-state |
indeterminate | complete |
Estado especial |
Meter
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-meter-root |
(flag) |
Siempre presente en el root |
Spinner
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-spinner-root |
(flag) |
Siempre presente en el root |
Avatar
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-avatar-root |
(flag) |
Siempre presente en el root |
data-status |
loading | loaded | error |
Estado de carga de la imagen |
Image
| Attr |
Valores |
Descripción |
data-avatar-image |
(flag) |
Elemento de imagen |
data-status |
loading | loaded | error |
Estado de carga |
Fallback
| Attr |
Valores |
Descripción |
data-avatar-fallback |
(flag) |
Fallback cuando no hay imagen |
data-status |
loading | loaded | error |
Estado heredado |
Separator
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-separator |
(flag) |
Siempre presente |
data-orientation |
horizontal | vertical |
Orientación del separador |
AspectRatio
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-aspect-ratio |
(flag) |
Siempre presente en el root |
ScrollArea
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-scroll-area-root |
(flag) |
Siempre presente en el root |
Viewport
| Attr |
Valores |
Descripción |
data-scroll-area-viewport |
(flag) |
Área con scroll |
Scrollbar
| Attr |
Valores |
Descripción |
data-scroll-area-scrollbar |
(flag) |
Scrollbar personalizada |
data-orientation |
horizontal | vertical |
Orientación de la scrollbar |
Thumb
| Attr |
Valores |
Descripción |
data-scroll-area-thumb |
(flag) |
Thumb de la scrollbar |
Corner
| Attr |
Valores |
Descripción |
data-scroll-area-corner |
(flag) |
Esquina entre scrollbars |
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-pagination-root |
(flag) |
Siempre presente en el root |
Item
| Attr |
Valores |
Descripción |
data-pagination-item |
(flag) |
Cada item de paginación |
data-type |
page | prev | next | first | last |
Tipo de item |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-selected |
(flag) |
Presente cuando está seleccionado |
RatingGroup
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-rating-group-root |
(flag) |
Siempre presente en el root |
data-disabled |
(flag) |
Presente cuando disabled=true |
data-readonly |
(flag) |
Presente cuando readonly=true |
Item
| Attr |
Valores |
Descripción |
data-rating-item |
(flag) |
Cada item de rating |
data-state |
checked | unchecked | half |
Estado del item |
data-disabled |
(flag) |
Hereda disabled del root |
data-readonly |
(flag) |
Hereda readonly del root |
Toast
Versión del contrato: 1
Root
| Attr |
Valores |
Descripción |
data-toast-root |
(flag) |
Siempre presente en el root |
data-state |
open | closed |
Estado del toast |
data-type |
default | success | error | warning | info |
Tipo de toast |
