Acordeón editorial
Preguntas desplegables con details nativo, icono de apertura y respuestas sin dependencias ni lógica de foco artificial.
Descargar gratisComponentes base de interfaz para React
Acordeones, alertas descartables, grupos de avatares con estado, insignias, chips, estados vacíos con acción, teclas de atajo y tooltips accesibles.
Son las piezas pequeñas que toda aplicación termina necesitando, cada una en su propio estilo y sin dependencias.
Para qué sirven
- Mensajes de estado y avisos dentro de una pantalla
- Listas vacías que invitan a actuar
- Indicadores de presencia y etiquetas
8 componentes de componentes base
Alerta contextual descartable
Aviso de información, éxito, advertencia o error con descarte, anuncio accesible y opción de volver a mostrarlo.
Descargar gratisEstado vacío con acción
Estado vacío con explicación y acción principal conectable; la demo muestra una transición real a un proyecto de muestra.
Descargar gratisInsignias de estado
Siete tonos con punto, pulso opcional y variantes suave y sólida.
Descargar gratisGrupo de avatares con estado
Avatares con iniciales, anillo de estado y contador +N que se abren en abanico al apuntarlos.
Descargar gratisTooltip accesible
Aparece con retardo al apuntar o enfocar, se cierra con Escape y no desaparece al pasar sobre él (WCAG 1.4.13).
Descargar gratisCampo de chips claymorfismo
Escribe y pulsa Enter o coma para añadir, Retroceso borra el último; chips blandos que se quitan con su botón.
Descargar gratisTeclas skeuomórficas de atajos
Teclas de plástico en relieve que se hunden al pulsar la tecla real o al hacer clic, para mostrar atajos.
Descargar gratis