@sungbinhwang-beaverworksinc/design-system

비버웍스 디자인 시스템 — React 컴포넌트 라이브러리.

설치

npm install @sungbinhwang-beaverworksinc/design-system

peer dependencies (앱에 설치돼 있어야 함):

npm install react react-dom antd @ant-design/icons

사용

import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from '@sungbinhwang-beaverworksinc/design-system'
import '@sungbinhwang-beaverworksinc/design-system/styles.css' // 앱 진입점에서 1회

function Example() {
  return <Button variant="fill-primary">확인</Button>
}

스타일시트(styles.css)를 앱 진입점에서 한 번 import 해야 토큰·컴포넌트 스타일이 적용됩니다.

컴포넌트

• 입력/폼: Button, Input(TextArea·Search·Password·Select·CheckboxSelect), SelectControl(Checkbox·Radio·Switch), Dropdown, Label, DatePicker(RangePicker 포함)
• 데이터 표시: Table(SortableTable), Pagination, Badge, Tag, Card, Divider, Empty, Skeleton, Tabs
• 피드백/오버레이: Modal(ModalHeader·ModalBody·ModalFooter·useModal), Dialog(dialog.confirm 명령형 API), Toast(message 명령형 API), Tooltip, Spin
• 레이아웃: Toolbar

빌드

npm run build   # tsup + styles.css 생성
npm run lint    # tsc 타입체크
npm run test    # vitest

라이선스

UNLICENSED — 비버웍스 내부용.