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 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 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 are a grouping of multiple molecules and atoms that form a readily usable element. Organisms include things like universal header, carousel, and universal footer.