@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
COMPONENTSAvatarUser or brand mark. Initials from name, or an image via src. Sizes: sm, md, lg.
Why this mattersOne Avatar on Next.js and Expo — brand fill on initials so white-label themes stay consistent.
DL
Controls
size
name
Sizes
AL
AL
AL