Components
Eyebrow
mono uppercase 라벨.
This week’s pick
Live · 이번 주 홍대
Issue 07
import { Eyebrow } from '@coldsurfers/surf-ui/primitives'export default function Example() { return ( <div style={{ display: 'grid', gap: 8 }}> <Eyebrow size="md" tone="accent"> This week’s pick </Eyebrow> <Eyebrow size="sm">Live · 이번 주 홍대</Eyebrow> <Eyebrow size="xs" tone="subtle"> Issue 07 </Eyebrow> </div> )}카테고리와 PICK 은 accent, LIVE 와 ISSUE 는 muted 가 기본 짝입니다.
크기는 editorialType.eyebrow 슬롯에 대응합니다 — xs(10px) · sm(11px) · md(12px).
tracking 은 크기마다 다릅니다: 0.18em · 0.20em · 0.26em.
Props
Prop
Type
그 밖의 HTMLAttributes<HTMLParagraphElement> 속성은 루트 엘리먼트로 그대로 통과한다.