@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
COMPONENTSButtonPrimary interactive control. Variants: primary, secondary, ghost, danger. Sizes: sm, md, lg.
Why this mattersOne Button API on Next.js and Expo — brand tokens drive fill and contrast, so white-label themes stay consistent.
Controls
variant
size
disabled
label
Variants
Sizes