Components

The atomic design approach

To better differentiate between base controls and more complex components, we are following the atomic design approach to component classification.

Atoms

Atoms represent the smallest form of a readily usable element. Atoms are common controls that molecule and organism UI components are made of and include things like links, buttons, images, text boxes, and tooltips.

Molecules

Molecules are a grouping of atoms that make up a readily usable element. Some examples include feature, content block, modal box, tables, filtering, and calendar picker.

Organisms

Organisms are a grouping of multiple molecules and atoms that form a readily usable element. Organisms include things like universal header, carousel, and universal footer.