Design System — Contents

The full catalogue of design-system packages and reference pages, grouped by layer. One package = one reference page.

Overview

• Home

Tokens

• Design (umbrella)
• Animation
• Borders
• Colors
• Display
• Elevation
• Filters
• Flex
• Forms
• Gradients
• Grids
• Images
• Interactions
• Layouts
• Reset
• Responsive
• Sizing
• Spacing
• Surfaces
• Transforms
• Transitions
• Typography

Components (CSS)

• Components (umbrella)
• Accordions
• Alerts
• Avatars
• Badges
• Breadcrumbs
• Buttons
• Calendar
• Cards
• Carousels
• Charts
• Colors
• Command Palette
• Core
• Date/Time
• Drawers
• Dropdowns
• Forms
• Graphs
• Hotspots
• Images
• Inputs
• Layout
• Lists
• Markdown
• Menus
• Modals
• Pagination
• Popovers
• Progress
• Selects
• Sliders
• Spinners
• Steppers
• Tables
• Tabs
• Terminal
• Timeline
• Toasts
• Toggles
• Trees
• Typography
• Uploads

Controls (Vue)

• Vue (umbrella)
• Accordions
• Alerts
• Avatars
• Badges
• Breadcrumbs
• Buttons
• Calendar
• Cards
• Carousels
• Charts
• Colors
• Command Palette
• Core
• Date/Time
• Drawers
• Dropdowns
• Forms
• Graphs
• Hotspots
• Images
• Inputs
• Layout Primitives
• Lists
• Markdown
• Menus
• Modals
• Pagination
• Popovers
• Progress
• Selects
• Sliders
• Spinners
• Steppers
• Tables
• Tabs
• Terminal
• Timeline
• Toasts
• Toggles
• Trees
• Typography
• Uploads

Layouts

• Layout Shells
• Dashboards

Blocks

• Empty State

Themes

• Themes (umbrella)
• Default
• Custom

Examples

• Form Validation
• Data Display
• Feedback Patterns
• Navigation Patterns
• Calendar Patterns