설치 가이드

3가지 방법으로 시작하세요

1. 패키지 설치

bash

npm install @gpters-internal/ui

2. 스타일 import

앱 진입점에서 tokens.css를 import합니다.

app/layout.tsx

import '@gpters-internal/ui/tokens.css';

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="ko">
      <body>{children}</body>
    </html>
  );
}

3. 컴포넌트 사용

Button, Input 등의 컴포넌트를 import하여 사용합니다.

tsx

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

export default function Page() {
  return (
    <div className="space-y-4">
      <Input placeholder="이메일을 입력하세요" />
      <Button variant="primary">구독하기</Button>
    </div>
  );
}