Components

Reusable building blocks called components fulfill specific interaction or UI requirements. These components have been purposefully designed to work cohesively to facilitate intuitive user experiences.

Button

A button triggers an event or action to let users know what will happen next

Figma

android

iOS

Navigation Bar

Displays destinations on the app and helps users find their way

Figma

android

iOS

Checkbox

A graphical widget that allows users to make a binary choice

Figma

android

iOS

Text Field

An input area that allows a user to write or edit text

Figma

android

iOS

Tabs

Interactive labels that group similar information on the same page

Figma

android

iOS

Toggle

An interactive switch that allows users to make a binary choice

Figma

android

iOS

Snackbar

A short message that provides users with feedback after an action

Figma

Radio group

A list of options where only one choice can be selected

Figma

android

iOS

Questions?

If you have any questions while using this, feel free to visit the #design-system-queries channel and post your queries. We're here to help!