# QuantumAI 디자인 시스템

QuantumAI 관리자 화면을 위한 공통 컴포넌트의 UI-kit입니다. 이 시스템은 일관된 디자인과 사용자 경험을 제공하기 위해 개발되었습니다.

## 설치

```bash
npm i quantumai-design-system
```

or

```bash
yarn add quantumai-design-system
```

## 시작하기

### CSS 적용

필요한 전역 스타일(resetCSS)과 글꼴을 적용하려면 메인 애플리케이션 파일에서 `global.css` 파일을 가져옵니다. (예: `App.jsx` 또는 `App.tsx`)

```jsx
// App.jsx 또는 App.tsx
import 'quantumai-design-system/global.css'

function App() {
  return <div>{/* 여기에 앱 컨텐츠를 넣으세요 */}</div>
}
```

### 컴포넌트 사용 예시

QuantumAI 디자인 시스템의 컴포넌트를 쉽게 사용할 수 있습니다.

```jsx
import { Button, Input } from 'quantumai-design-system'

function App() {
  return (
    <div>
      <Button label="버튼" />
      <Input placeholder="텍스트 필드" />
    </div>
  )
}
```

## 문서

자세한 사용 방법 및 예제는 [storybook 문서](https://64b4a3af79fd58213a253eb4-cxcuctsupn.chromatic.com/?path=/docs/intro--docs)를 참조하세요.

<!--
## License

[MIT](https://choosealicense.com/licenses/mit/) -->