# 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](#switch) - [Checkbox](#checkbox) - [RadioGroup](#radio-group) - [Toggle](#toggle) - [ToggleGroup](#toggle-group) - [Slider](#slider) - [Accordion](#accordion) - [Collapsible](#collapsible) - [Dialog](#dialog) - [AlertDialog](#alert-dialog) - [Drawer](#drawer) - [Popover](#popover) - [Tooltip](#tooltip) - [DropdownMenu](#dropdown-menu) - [ContextMenu](#context-menu) - [Menubar](#menubar) - [Field](#field) - [Select](#select) - [Combobox](#combobox) - [Command](#command) - [Tabs](#tabs) - [Calendar](#calendar) - [DatePicker](#date-picker) - [Progress](#progress) - [Meter](#meter) - [Spinner](#spinner) - [Avatar](#avatar) - [Separator](#separator) - [AspectRatio](#aspect-ratio) - [ScrollArea](#scroll-area) - [Pagination](#pagination) - [RatingGroup](#rating-group) - [Toast](#toast) --- ## 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 | ### Header | 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) | --- ## DropdownMenu **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 | --- ## ContextMenu **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 | --- ## Menubar **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 | ### Header | 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 | --- ## Pagination **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 | ---