@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
COMPONENTSBadgeCompact status label. Tones: default, brand, success, warning, danger. Sizes: sm, md.
Why this mattersStatic status only — use Chip when the control is a filter or can be dismissed.
New
Controls
tone
size
label
Tones
Default
Brand
Success
Warning
Danger
Sizes
Small
Medium