Components

User interface components that can be used with any JavaScript framework.

Actions

Buttons allow users to perform an action or to (occasionally) navigate to another page.

A button group is a grouping of buttons whose actions are related to each other.

empty

Quick actions allow users to perform contextual actions when hovering or focusing on a specific component.

This is a paragraph that contains a link to a page in the middle of the text.

Links allow users to navigate to a different location. They can be presented inside a paragraph or as standalone text.

Breadcrumbs show hierarchy and navigational context for a user’s location within an app.

Brief description of the component and what it's generally used for.

We use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas.

Empty

Side navigation lets users navigate the entire content of a product or a section. These can be used for a single level or a multi-level navigation.

Accessible tabs, powered by JS. Users should be able to click through the tabs, or use arrow keys.

Empty

Checkbox 1

Checkbox 2