Editor de Temas
BetaClaro
Botones
Controles de Formulario
Tarjetas e Insignias
Vista de Tarjeta
Esta tarjeta usa variables del tema.
Contenido que se adapta a tus tokens. Cada color, borde y radio está impulsado por propiedades CSS.
Por defectoÉxitoAdvertenciaError
Navegación
Panel principal del contenido activo.
60%
Retroalimentación
Tus cambios se han guardado.
Tu sesión expirará pronto.
Error al guardar tus cambios.
Dialog
Dialog Title
This is a dialog description.
Select
Choose an option ▾
Dropdown Menu
Toast
✔ Changes saved successfully.
Tooltip
Tooltip content
Avatar
JD
AB
+3
Radio Group
Field
Must be at least 3 characters.
Popover
Popover content with additional details.
Breadcrumb
Pagination
123
Kbd
⌘Kto open search
Meter
Storage: 72%
Spinner
Loading content...
Toolbar
Scroll Area
Scrollable content — resize to see the scrollbar styled by theme tokens.
Additional content to demonstrate scrolling behavior.
More content to ensure scrollbar is visible.
Data Table
| Name | Status | Role |
|---|---|---|
| Alice | Active | Admin |
| Bob | Inactive | Viewer |
| Carol | Active | Editor |
Resizable Panels
Panel A
Panel B
Navigation Menu
Command Palette
⌘ Search commands...
Sheet
Combobox
Oscuro
Botones
Controles de Formulario
Tarjetas e Insignias
Vista de Tarjeta
Esta tarjeta usa variables del tema.
Contenido que se adapta a tus tokens. Cada color, borde y radio está impulsado por propiedades CSS.
Por defectoÉxitoAdvertenciaError
Navegación
Panel principal del contenido activo.
60%
Retroalimentación
Tus cambios se han guardado.
Tu sesión expirará pronto.
Error al guardar tus cambios.
Dialog
Dialog Title
This is a dialog description.
Select
Choose an option ▾
Dropdown Menu
Toast
✔ Changes saved successfully.
Tooltip
Tooltip content
Avatar
JD
AB
+3
Radio Group
Field
Must be at least 3 characters.
Popover
Popover content with additional details.
Breadcrumb
Pagination
123
Kbd
⌘Kto open search
Meter
Storage: 72%
Spinner
Loading content...
Toolbar
Scroll Area
Scrollable content — resize to see the scrollbar styled by theme tokens.
Additional content to demonstrate scrolling behavior.
More content to ensure scrollbar is visible.
Data Table
| Name | Status | Role |
|---|---|---|
| Alice | Active | Admin |
| Bob | Inactive | Viewer |
| Carol | Active | Editor |
Resizable Panels
Panel A
Panel B
Navigation Menu
Command Palette
⌘ Search commands...