@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
COMPONENTSSwitchOn/off control for settings and binary preferences. Supports label, description, sizes, and invalid state.
Why this mattersOne Switch API on Next.js and Expo — brand tokens drive the track fill so white-label themes stay consistent.
Email notificationsSend a digest when something changes.
Controls
size
disabled
invalid
label
description
States
Off
On
Disabled
InvalidThis setting needs attention.
Sizes
Small
Medium