@gbgr/ui

GBGR Design System을 앱에서 “한 번에” 쓰기 위한 통합 패키지입니다.

설치

pnpm add @gbgr/ui

사용법

1) 전역 스타일(Tokens + 컴포넌트 스타일) 한 번에 로드

앱 진입점에서 아래 한 줄만 import 하세요:

import "@gbgr/ui/styles.css";

2) 컴포넌트/아이콘 사용

import { Button } from "@gbgr/ui";
import { HomeIcon } from "@gbgr/ui";

export function Example() {
	return (
		<>
			<Button tone="primary">Save</Button>
			<HomeIcon width={24} height={24} />
		</>
	);
}

3) (선택) 컴포넌트별 CSS만 import

@gbgr/ui/styles.css 대신 필요한 CSS만 가져오고 싶으면 아래처럼 import 할 수 있습니다. 이 경우 토큰이 필요하면 @gbgr/css도 함께 import 하세요.

import "@gbgr/css";
import "@gbgr/ui/button.css";