P4 컴포넌트 Showcase
P4-1차 + P4-2차 신규 컴포넌트 통합 데모 (@somilabs/core)
Dialog & Sheet
Tabs
이번 달 매출 총합: ₩5,500,000
Select & DropdownMenu
Select
구분 선택 드롭다운
DropdownMenu
컨텍스트 액션 메뉴
Tooltip & Skeleton
Tooltip
버튼에 마우스 오버
Skeleton
로딩 상태 placeholder
Sonner Toast
Toast 알림
다양한 유형의 토스트 메시지
Form (react-hook-form + zod)
거래 입력
매출·매입 거래를 등록합니다
Table
거래 내역
최근 매출·매입 거래 목록
| 날짜 | 거래처 | 구분 | 금액 | 상태 |
|---|---|---|---|---|
| 2026-05-01 | (주)소미랩스 | 매출 | ₩1,500,000 | 완료 |
| 2026-05-03 | 테스트코퍼레이션 | 매입 | ₩450,000 | 완료 |
| 2026-05-08 | 개발팀 | 매출 | ₩3,200,000 | 대기 |
| 2026-05-12 | 공급업체A | 매입 | ₩280,000 | 완료 |
| 2026-05-20 | (주)소미랩스 | 매출 | ₩800,000 | 취소 |
| 순합계 | ₩4,770,000 | |||
Calendar / DatePicker
DatePicker
단일 날짜 선택
DateRangePicker
기간 선택