Skip to main content

Voyager

Getting started

Using Voyager

Guidelines

Design Principles
Voice & Tone
In App Feedback
- Overview
- Design
- Patterns
Accessibility

Foundations

Animation / Motion
Breakpoints
Color
Icons
Tokens

Utilities

Border
Display
Flex
Gap
Height and Width
Line Clamp Text
Lists
Overflow
Position
Shadow
Spacing
Stack
Text

Components

Alerts
Avatars
Box
Breadcrumbs
Buttons
Cards
Checkbox
Collapse
Comments
Confirmation Dialog
Dropdowns
Empty States
Fieldset
Loading Draft
Modals
Pills
Progress Bars
Radio Buttons
Search
Select
Status Indicator
Tables
Tabs
Text Input
Timeline
Toasts
Toggle
Tooltip Draft
Tree Draft

Data Visualization

Overview
Charts

Patterns

Page Header
Page Layout
Forms

Voyager

Display

Utilities to set the display value of elements.

Our display utilities copies the Bootstrap 4 utilities. You can see the full documentation on their site.