Components

Overview

Our components are a collection of reusable interface elements and are designed to facilitate the creation of consistent experiences across our applications.

Each component in this collection includes documentation to help guide your implementation, including explanations of the intended usage of the component, live examples that you can modify and experiment with, and best practices for applying the component correctly in your application.


Layout

Application Layout

2 examples

Card

17 examples

Form layout

2 examples

Small-scale Layout

10 examples

Page

7 examples

Page Header

10 examples

Well

1 examples

Navigation

Carousel

4 examples

Links

3 examples

Navigation Menu

6 examples

Progress tracker

3 examples

Data

Bar Chart

2 examples

Line Chart

2 examples

Order summary

1 examples

Progress

4 examples

Rating

3 examples

Table

16 examples

Timeline

2 examples

Inputs

Button

10 examples

Checkbox

12 examples

Chip

7 examples

Input Fields

19 examples

Icon Button

6 examples

Labelling

7 examples

Radio

11 examples

Search input

2 examples

Segmented Control

5 examples

Toggle

5 examples

Overlays

Modal

7 examples

Popover

1 examples

Tooltip

5 examples

Feedback

Alert

8 examples

Badge

13 examples

Flash Message

6 examples

Marketing

Banner

1 examples

Blank State

2 examples

Typography

Base Font Size

1 examples

Heading

6 examples

Icons

7 examples

Text Style

3 examples

Feedback

While we try to ensure our components are flexible enough to meet our diverse needs, our components are designed to also be restrictive enough in order to ensure a consistent experience across our applications.

Please reach out to us using our slack channel for usage questions.

Issues and feature requests can be created on our GitHub page.