Atomic Design

Atomic Design

.

• Atomos ⚛️

  Elementos de interfaz que no se pueden dividir más y sirve como bloques de construción

  Ejemplo: Label Input Button
  .

• Moleculas 🦠

  Son Colecciones de átomos que forman componentes de interfaz de usuario relarivamente simples

  Label > Input-Button
  .

• Organismos 🌵

  Son componentes relativamente complejos que forman secciones discretas de Interfaz

  Header > Img-Nav > ul > Li-Label
  .

• Plantillas (Templates)📟

  Colocan componentes dentro de un diseño y demuestran la estructura de contenido subyacente al diseño

  Body > Header - Main - Footer
  .

• Páginas 📄

  Aplican contenido real a las plantillas

  Happy Day! 🌞