UI kit

To achieve consistency in all of our digital channels, we’ve created a UI kit, a toolkit of common user interface elements. Our aim is to continuously build out and document our design system through the UI kit. And, in the spirit of transparency, we are open sourcing the UI kit for everyone to use.

Get the UI kit at GitHub

Alert

Success
This alert shows a success message.
Warning
This alert shows a warning message.
Danger
This alert shows an error message.

Buttons

Primary

Secondary

Checkbox



Inputs

Text input

Number input

Password input

Show
Show
Show
Show

Date input

//
//
//
//

Pane

  • Tab 1
  • Tab 2
  • Tab 3

Tab 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit tempus volutpat. Proin sagittis turpis nec semper ornare. Nam in sodales nisi.

Tab 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit tempus volutpat. Proin sagittis turpis nec semper ornare. Nam in sodales nisi.

Tab 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit tempus volutpat. Proin sagittis turpis nec semper ornare. Nam in sodales nisi.

Radio