Getting Started

Foundations

Components

Patterns

Empty states

Forms

Loading states

Modality

Show/hide information

Resources

Patterns

Patterns are combinations of components that provide reusable solutions for common user tasks and experiences

Empty states

When there is no content to show, providing feedback to users and guiding them towards taking action

Forms

Use forms to allow users to enter data. Forms are used to get information and guide users with minimal fuss

Loading states

Progress indicators, help assure users the system has understood their input and that progress is being made

Modality

Modals appear in front of content to provide additional information, ask for a decision, or to complete short tasks

Show/hide information

To help users navigate large amount of data, different patterns can be used to show and hide information