Skip to canvas
Search for components
/
GUIDELINES
Introduction
Accessibility
Color
Data visualization
Developer Notes
Grid and spacing
Skip to canvas
Motion
Naming conventions
Shadow
Typography
Writing guide
UTILITIES
FocusTrap
Hooks
LAYOUT
ActionMenu
Breadcrumbs
Card
Table
Tabs
MEDIA & CONTENT
Avatar
CategoryIcon
Icon
InstitutionLogo
List
MerchantLogo
Tag
Text
FORM COMPONENTS
Button
ButtonGroup
IconButton
Chip
ChipGroup
CheckBox
ColorInput
InputGroup
NonInteractiveCheckbox
PasswordInput
Radio
Switch
TextInput
Combobox
Select
SelectionBox
TextArea
UserFeedback
CHARTS
BarChart
HorizontalBar
DIALOGS
MessageBox
Drawer
Modal
Tooltip
LOADERS
Dots
Spinner
THEMING
TokenProvider
ROWS
UtilityRow
Recently opened
Grid and spacing
GUIDELINES
Back to components
ESC
Clear history
Skip to sidebar
Controls
Accessibility
Design Tokens
This story is not configured to handle controls.
Learn how to add controls
No inputs found for this component.
Read the docs
Light Mode Design Tokens
custom
{ "Color": { "Brand100": "#E7F0FE", "Brand200": "#69A1FA", "Brand300": "#2D64EF", "Brand400": "#095ADB", "Brand500": "#0749B2" }, "Font": { "Regular": "ProximaNovaRegular, Helvetica, Arial, sans-serif", "Semibold": "ProximaNovaSemibold, Helvetica, Arial, sans-serif", "Bold": "ProximaNovaBold, Helvetica, Arial, sans-serif" } }