Native app - Information card

Information cards are used for "good to know" and general information the user benefits of knowing.

Native app - Error card

Error cards are used to highlight critical issues or problems that users should be aware of.

Native app - Button

Buttons are an essential element of interaction design. Their primary role is to help people take ac...

Rating

A block to measure the customer experience of a page.

Column customiser

Lets the user customise columns to display in a table.

Tab

The Tab component allows the user to navigate between groups of content that are related and at the...

Take-over modal

Takeover modals enable a user to focus on a specific task.

Table

A table displays collections of raw data grouped into rows and columns with supporting headers.

Segmented control

A segmented control is a horizontal set of two or more segments.

Slide-up

Slide-up modals are used in a hybrid/mobile context to view more details, subviews or to make a sele...

Progress bar

A visual representation of progress for loading content.

Search

A search field enables users to enter input in order to search for specific data.

Pagination

A component that navigates between data that has been divided into separate pages.

Motion

Motion is all about reenforcing understanding and behaviour on user triggered actions. We use it to ...

Empty states

Empty states occur when there is no content to be shown.

Dark mode

What to consider and do when designing with dark mode

Native app

Native

These are the pages that are tagged with "Native".