@gpters-internal/ui

Geniefy 제품을 위한 디자인 토큰과 React 컴포넌트 라이브러리

설치

npm 패키지

bash

npm install @gpters-internal/ui

CDN (토큰만)

html

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/gh/conewarrior/design-system/tokens.css"
/>

빠른 시작

tsx

import { Button, Input } from '@gpters-internal/ui';

function App() {
  return (
    <div>
      <Input placeholder="Enter your email" />
      <Button variant="primary">Subscribe</Button>
    </div>
  );
}

Features

Design Tokens

색상, 간격, 타이포그래피 등 일관된 디자인 토큰

React Components

TypeScript로 작성된 재사용 가능한 컴포넌트

Dark Mode

.dark 클래스로 간편하게 다크 모드 적용

Tree Shakable

필요한 컴포넌트만 번들에 포함

컴포넌트

52개

shadcn/ui 기반의 React 컴포넌트 라이브러리입니다. Button, Input, Dialog 등 52개의 컴포넌트를 제공합니다.