Skip to content
Skip to content

Core

All Atomic core components at a glance.

Atomic consists of modular and extendible components, which can be combined with each other. Components are divided into different compartments according to their purpose and functionality.

  • Defaults

    These components generally normalize HTML elements for cross browser functionality and add some very basic styling.

  • Objects

    Apply these fully responsive, re-usable, common patterns to help construct page layouts. They take full advantage of flexbox.

  • Elements

    Style basic HTML elements, like tables and forms. These components use their own classes. They won't interfere with any default element styling.

  • Navigation

    Atomic offers different types of navigations, like navigation bars and side nav's. Use breadcrumbs or a pagination to steer through articles.

  • Common

    Here you'll find components that you often use within your content, like buttons, icons, badges, overlays, animations etc.

  • Modules

    These components rely mostly on JavaScript to add dynamic functionality. Where possible these should be built unobtrusively (should still be available even if javascript isn't).