Componentes

Las piezas de la app, de la más pequeña a pantallas enteras, renderizadas en vivo con el mismo código que usa el producto. Cada una se ve a su ancho real, en escritorio y en móvil.

Átomos 10
La pieza mínima: no se puede partir sin que deje de servir.
Moléculas 12
Unos pocos átomos que juntos hacen una sola cosa.
Organismos 9
Una sección completa de una pantalla, con su cabecera y su contenido.
Plantillas 5
Pantallas enteras de la app, armadas con las piezas de arriba y datos de un equipo ficticio.

Átomos

Botón

<Button variant=…>

Un solo tamaño en toda la app. La acción principal va a la derecha y lleva su icono después del texto.