@dupagelabs/uiDesign System
Preview
Brand
Overview
About
Color
Typography
Spacing
Button
Checkbox
Switch
Radio
Input
TextArea
Alert
Badge
Chip
Tooltip
Divider
Avatar
Empty State
Tabs
Dropdown
Dropdown Menu
Search Field
Pagination
Progress Tracker
Breadcrumb
Accordion
File Upload
Date & Time
Data Table
Text
Card
Dialog
Sheet
Brands
Client brands
Company tokens
FOUNDATIONSColorLive theme tokens from the active brand. Switch brands in the sidebar to preview white-label palettes.
Why this mattersComponents read these tokens — not hardcoded hex — so one createConfig brand swap rethemes the whole app.
brand$brand
brandHover$brandHover
brandPress$brandPress
brandContrast$brandContrast
background$background
backgroundHover$backgroundHover
backgroundPress$backgroundPress
color$color
muted / colorHover$colorHover
borderColor$borderColor
placeholderColor$placeholderColor