03 · Components · 액션
링크Link
사용자가 다른 위치로 이동할 때 쓰는 컨트롤. 버튼과의 경계를 지키는 것이 핵심 — 이동은 링크, 실행은 버튼입니다.
StableWCAG AA
인라인 링크
본문 안에 섞여 흐르는 링크. 밑줄이 있어야 명확하게 구분됩니다. 색만으로 링크를 표시하지 마세요 — 색맹 사용자에겐 구분되지 않습니다.
더 자세한 안내는 교회 소개를 참고해 주세요.
독립 링크
외부 링크
링크 텍스트 자체만 읽어도 어디로 가는지 알 수 있어야 합니다 — "여기", "클릭" 같은 표현은 피하세요. 스크린리더 사용자가 링크만 빠르게 훑을 때 맥락이 사라집니다.
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
href* | string | 이동할 URL. 외부 URL은 자동 감지됩니다. | |
variant | "inline" | "standalone" | "action" | "inline" | 인라인 링크 · 독립 링크 · 강조 액션 링크. |
external | boolean | 외부 링크 여부를 명시적으로 지정 (기본은 URL로 자동 판별). | |
children* | ReactNode | 링크 텍스트. 맥락만으로 이동 대상을 알 수 있어야 함. |