Components

Overview

Our components and the platforms they're available in.

Component

Platforms

Design

Dev

Docs

Notes

Alert

Usage

The Alert component was created before the Design Systems team existed. It will be re-designed in the future.

React

SCSS

iOS

Android

Avatar

Usage

React

SCSS

iOS

Android

Block List

Usage

The Block List component was created before the Design Systems team existed. It may be re-designed or deprecated in the future.

React

SCSS

iOS

Android

Button

Usage

React

SCSS

iOS

Android

Button Row

Usage

React

SCSS

iOS

Android

Carousel

Usage

React

SCSS

iOS

Android

Checkbox

Usage

React

SCSS

iOS

Android

Date Picker

Usage

React

SCSS

iOS

Android

Dropdown

Usage

This component is called `Select` in React and SCSS. It will be renamed in the future.

React

SCSS

iOS

Android

Fieldset

Usage

The Fieldset component was created before the Design Systems team existed. We may deprecate it in the future.

React

SCSS

iOS

Android

Form Note

Usage

React

SCSS

iOS

Android

Grid

Usage

React

SCSS

iOS

Android

Horizontal Rule

Usage

The Horizontal Rule component was created before the Design Systems team existed. We may re-design it in the future.

React

SCSS

iOS

Android

Image

Usage

The Image component handles lazy-loading and responsive images in React. The SCSS version is different and handles visual image styles.

React

SCSS

iOS

Android

Input (Text Field)

Usage

Will soon be renamed to Text Field for greater cross-platform consistency.

React

SCSS

iOS

Android

Input Row

Usage

React

SCSS

iOS

Android

Label

Usage

React

SCSS

iOS

Android

Link

Usage

This component is specific to web since web has a distinction between buttons and links (anchor tags).

React

SCSS

iOS

Android

List

Usage

React

SCSS

iOS

Android

Loader Dots

Usage

The Loader Dots component was created before the Design Systems team existed. We may re-design it in the future.

React

SCSS

iOS

Android

Modal (Modal Default)

Usage

This component will be renamed to Modal in the future.

React

SCSS

iOS

Android

Modal Standard

Usage

React

SCSS

iOS

Android

Pill

Usage

React

SCSS

iOS

Android

Progress Bar

Usage

The Progress Bar component was created before the Design Systems team existed. We may re-design it in the future.

React

SCSS

iOS

Android

Radio

Usage

React

SCSS

iOS

Android

Service Card

Usage

React

SCSS

iOS

Android

Star Rating

Usage

The Star Rating component was created before the Design Systems team existed. We may re-design it in the future.

React

SCSS

iOS

Android

Table

Usage

The Table component was created before the Design Systems team existed. We may re-design it in the future.

React

SCSS

iOS

Android

Text Area

Usage

React

SCSS

iOS

Android

Tooltip

Usage

React

SCSS

iOS

Android

Type

Usage

React

SCSS

iOS

Android

Wrap

Usage

The Wrap component was created before the Design Systems team existed. We may re-design it in the future.

React

SCSS

iOS

Android