Patterns
Reusable combinations of components that solve a common user need.
Alerts and messages
How to show alerts and messages to users.
Component states
Showcase how to apply hover, focus, select and disable for concistency.
Drag and drop
This describes moving, sorting and resizing behaviour.
Empty state
How to create a welcoming experience when there is nothing to show and making it clear what to do next.
Forms
How to build forms using our components.
Funnel concepts
How should Funnel concepts be displayed? Fields, Data sources
Lists and tables
Unsure whether to use a list or a table?
Modals
A Modal is a dialog that takes over the screen. It requires action before the user can move on to other tasks.
Page header
The page header is at the top of the page. It contains a title, breadcrumbs and actions.
Page layouts
Page layout building blocks and how they are used.
Premium features
How to visually distinguish premium features.
Property list
Used to show the properties of a single item.
Tables
Tables are used to display tabular data.