사용법
variant
밑줄 없음
스타일 커스터마이징
Link는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Link className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
LinkProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| variant | "default" | "subtle" | "accent" | default | 시각적 톤 |
| size | "sm" | "md" | md | 텍스트 크기 |
| underline | boolean | true | 밑줄 표시 |
| asChild | boolean | false | Radix Slot으로 자식 렌더 |
| className | string | — | 루트 요소 클래스. Tailwind·커스텀 CSS 적용 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수(--gtd-*) 오버라이드 |
Link 컴포넌트 Props 표
가져오기
import { Link } from "@/components/ui/Link";