Componentes
Todos los componentes se basan en elementos nativos y están documentados con ejemplos en vivo, su API y su comportamiento con el teclado.
Avatar
La foto de una persona, o sus iniciales sobre un color que siempre es el suyo.
Migas de pan
El rastro de páginas que lleva hasta la actual.
Button
Acciones y enlaces, con estilo aplicado directamente a botones y enlaces nativos.
Calendario
Elige un día, un rango o varios días, también con el teclado.
Carrusel
Diapositivas en una fila que se desplaza y se ajusta, con botones, puntos y rotación.
Chat
Habla con un modelo: respuestas en streaming, herramientas, versiones y archivos.
Selector de color
Un color en OKLCH, en un área o una rueda, con muestras, cuentagotas y comprobación de contraste.
Combobox
Un campo de texto que sugiere opciones mientras escribes.
Paleta de comandos
Todos los comandos de tu aplicación, a una pulsación de distancia.
Selector de fecha
Escribe una fecha u hora por segmentos, o elígela en un calendario.
Dialog
Una ventana modal sobre el elemento dialog nativo, con el foco gestionado por el navegador.
Zona de arrastre
Suelta archivos o elígelos, con comprobaciones, vistas previas y subidas con progreso.
Editor de texto enriquecido
Encabezados, listas, enlaces y formatos, con barra de herramientas y Markdown al escribir.
Estado vacío
Qué mostrar cuando no hay nada que mostrar, y qué hacer al respecto.
Cuadrícula de datos
Ordena, filtra, agrupa, edita y exporta cualquier cantidad de filas.
Markdown
Renderiza Markdown de forma segura, incluso mientras llega en streaming.
Máscara de entrada
Campos de texto que se formatean mientras se escribe: fechas, tarjetas, IBAN, códigos.
Menu
Una lista emergente de acciones, con submenús, elementos de casilla y de radio, y compatibilidad total con el teclado.
Campo numérico
Una entrada numérica con botones de paso, con el formato de cada configuración regional.
Campo OTP
Códigos de verificación en casillas separadas, sobre una única entrada real.
Campo de teléfono
Un selector de país y un número, agrupado como se escribe en su país.
Popover
Paneles flotantes junto a un botón y tooltips enriquecidos al pasar el puntero.
Valoración
Estrellas para valorar, sobre botones de radio reales.
Planificador
Eventos en un mes, una semana, un día, una agenda o una línea de tiempo de salas y personas, arrastrados a su sitio.
Select
Elige una opción o varias, de una lista corta o de una enorme.
Skeleton
Marcadores de posición que mantienen el diseño mientras carga el contenido.
Splitter
Paneles lado a lado o apilados, con divisores para cambiar su tamaño.
Toast
Mensajes breves que se apilan, se descartan deslizando y nunca roban el foco.
Recorrido guiado
Una tarjeta por paso, junto a lo que explica, con el resto de la página atenuado.