go
/
svelte-kit-vice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '0766cfe49f'
${ noResults }
svelte-kit-vice/DATA_ATTRS.md

983 lines
25 KiB
Raw Blame History

# 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 |
---
Reference in new issue View Git Blame Copy Permalink

Powered by TurnKey Linux.