Design system 1
Shared styling, language, formatting, appearance and preferences.
One piece each: a button, a text, an icon.
- Avatar <ds-avatar>
- Button <ds-button>
- Card <ds-card>
- Chart <ds-chart>
- Checkbox <ds-checkbox>
- Cycle <ds-cycle>
- Empty state <ds-empty>
- Gap <ds-gap>
- Icon <ds-icon>
- Image <ds-image>
- Input <ds-input>
- Link
- Message <ds-message>
- Progress <ds-progress>
- Stat <ds-stat>
- Switch <ds-switch>
- Tag <ds-tag>
- Text <ds-text>
- Tooltip <ds-tooltip>
Core pieces put together: a row, a list.
Where units stand on the grid.
1 Root
Shared styling, language, formatting, appearance and preferences.
2 Core
One piece each: a button, a text, an icon.
3 Unit
Core pieces put together: a row, a list.
4 Page
Where units stand on the grid.