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.