Flame

시작하기

Flame 디자인 시스템을 프로젝트에 도입하는 방법을 알아보세요.

설치

pnpm으로 패키지를 설치합니다.

pnpm add @anthropic/flame-ui

기본 사용법

모든 컴포넌트는 도트 표기법의 복합 컴포넌트 패턴을 따릅니다. 스타일이 포함되지 않은 헤드리스 컴포넌트이므로 자유롭게 스타일링할 수 있습니다.

import { Accordion } from '@anthropic/flame-ui';

<Accordion>
  <Accordion.Item>
    <Accordion.Trigger>Click me</Accordion.Trigger>
    <Accordion.Content>Hello!</Accordion.Content>
  </Accordion.Item>
</Accordion>

주요 특징

  • * 헤드리스 — 기본 스타일 없이 완전한 기능 제공
  • * 복합 컴포넌트 — 도트 표기법으로 직관적 조합
  • * 트리 셰이킹 — 사용하는 컴포넌트만 번들에 포함
  • * React 19 — 최신 React 기능 활용
  • * TypeScript — 완전한 타입 지원