📦 패키지 데모
@jy/awesome-ui + @jy/data-ui-kit 컴포넌트 렌더링 테스트
@jy/awesome-ui
Button — Variants
Button — Sizes
Badge
DefaultSecondaryDestructiveOutline
Input — States
Input — Types
Input — Full Width
Textarea
RadioGroup
Select
Slider
Switch
Avatar — Sizes
SMLCN
Chip — Variants
Default
Filled
Outline
Primary
Success
Warning
Error
Chip — Sizes
Alert
Banner — Variants
Banner — Dismissible
StatusIndicator — Dot + Label
StatusIndicator — Sizes
StatusIndicator — Badge
StatusIndicator — Pulse
Progress
ProgressBar — Variants
LinearProgress — Variants
Spinner — Sizes
Spinner — Variants
Skeleton
Divider
Card
EmptyState
Tabs
Accordion
Toggle
Tooltip
Stepper
Timeline
Layout — Grid
Layout — Stack
Layout — Flex
Drawer
Popover
Navbar
Breadcrumb
BottomNavigation (모바일 전용 — 데모용 표시)
@jy/data-ui-kit
DataChart — Line
DataChart — Bar
DataChart — Area
DataChart — Pie
DataTable
| Name | Role | Status |
|---|
| Kim Minjun | Frontend | Active |
| Lee Soojin | Backend | Active |
| Park Jihye | Designer | Away |
Showing 1-3 of 5
DataList
작업 목록
🎨
Design System Setup
Initialize token & theme
🧩
Component Library
Build reusable UI components
📖
Documentation
Write usage guide
TreeView
SearchFilter
Category
MultiSelect
DatePicker / TimePicker
Su
Mo
Tu
We
Th
Fr
Sa
렌더링 결과
@jy/awesome-ui
✓ Button✓ Badge✓ Input✓ Textarea✓ RadioGroup✓ Select✓ Slider✓ Switch✓ Avatar✓ Chip✓ Alert✓ Banner✓ StatusIndicator✓ Progress✓ ProgressBar✓ LinearProgress✓ Spinner✓ Skeleton✓ Divider✓ Card✓ StatCard✓ EmptyState✓ Tabs✓ Accordion✓ Toggle✓ Tooltip✓ Stepper✓ Timeline✓ Layout (Grid/Stack/Flex)✓ Drawer✓ Popover✓ Navbar✓ Breadcrumb✓ BottomNavigation
@jy/data-ui-kit
✓ DataChart (Line)✓ DataChart (Bar)✓ DataChart (Area)✓ DataChart (Pie)✓ DataTable✓ DataList✓ TreeView✓ SearchFilter✓ MultiSelect✓ DatePicker✓ TimePicker