Components

Badges indicate status, tags, or categories associated with a block of information

Zirconium uses banners to present a notice of information.

Breadcrumbs show the user's current location in the website's hierarchy.

Buttons trigger an event or an action.

Bylines present the author of a document.

Cards present information in a digestible manner.

Present code samples with syntax highlighting.

Dialogs presents additional workflow or force an important decision right where the user currently is

Hides content until the user toggles its visibility.

Displays a list of actions, links, or options a user can choose between.

Whenever you want to add supplementary content, consider figures.

Progress markers indicate the current progress against a projected goal.