La acción principal del kit. Ocho variantes visuales con la misma API: elige el énfasis (brand → ghost), el tamaño, y añade iconos o estados de carga sin cambiar de componente.
Playground cambia las props y el código se regenera Crear juego
variant
brand ink outline outlineDark ghost pill paper danger
Brand Ink Outline Ghost Pill Paper Danger
Con iconos leadingIcon / trailingIcon + Nuevo juego Continuar → ↻ Recargar
Extra small Small Medium Large
Publicando… Deshabilitado Ancho completo
removibles · tonos · tamaños Etiquetas compactas para filtros, tags y estados. Se vuelven removibles al pasar onRemove, y heredan los seis tonos semánticos del tema.
Playground cambia las props y el código se regenera Japón
tone
neutral brand success warning danger info
variant
subtle outline solid
publicado beta retirado parche neutral
Selector de opción única tipo iOS para alternar vistas o rangos. Controlado o no controlado, con variantes pill y outline, iconos por opción y modo de ancho completo.
Playground cambia las props y el código se regenera Controlado value: "semana" Variante outline · con iconos Ancho completo · tamaño sm checkboxes · radios · atajos Menú contextual accesible: items con atajos, separadores, tono destructivo, y estado embebido con checkboxes y grupos de radio.
Acciones con atajos items + tono danger Checkboxes y radios estado dentro del menú orden: players · retirados: sí
Contenedor horizontal para grupos de acciones relacionadas, con variantes flat/card y dos densidades.
Guardar Previsualizar Descartar
Variante flat · densidad compacta Negrita Cursiva Subrayado Enlace
Representa teclas físicas con el elemento semántico <kbd>. Tres tamaños, pensado para tooltips, menús y documentación.
Combinaciones en contexto Buscar componente ⌘ K Guardar borrador Ctrl S Navegar demos ↑ ↓