Foundation
Typography
Heading(h1~h6), Text, Lead, Muted, Code — 한·영 단일 폰트(Pretendard)의 시각 위계.
예제
제목 H1
제목 H3
도입부 큰 본문 텍스트.
본문 단락 텍스트입니다. cn() 같은 인라인 코드도 포함.
약한 보조 텍스트.
설치 / Import
import { Heading, Text, Lead, Muted, Code } from '@baneung-pack/ui';import { Heading } from '@baneung-pack/ui/typography';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
level | Heading의 시맨틱·시각 레벨 | 1 | 2 | 3 | 4 | 5 | 6 | 1 |
asChild | Slot으로 합성 (Heading/Text) | boolean | false |
size | Text 크기 | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'base' |
weight | Text 굵기 | 'regular' | 'medium' | 'semibold' | 'bold' | 'regular' |
tone | Text 색조 | 'default' | 'muted' | 'subtle' | 'default' |