링크 Link

링크는 다른 서비스/애플리케이션, 한 서비스 내의 다른 화면, 한 화면 내의 다른 섹션 등으로 이동하는 데 사용되는 탐색 요소이다.

KRDS 가이드

기본

import { Link } from '@krds.ui/react'

export default function LinkDemo() {
  return <Link href="/guide">이용 안내</Link>
}

Link

Props

이름	타입	기본값	설명
variant	LinkVariant	default	링크 스타일 타입 ('default' | 'basic')
underline	LinkUnderline	always	밑줄 표시 여부 ('always' | 'hover' | 'none')
preserveColorOnHover	boolean	false	hover 시 컬러 유지 여부 (pure 클래스)
icon	ReactNode	-	외부 링크 아이콘 또는 커스텀 아이콘
external	boolean	false	외부 링크 여부 (rel, target 자동 설정)
size	LinkSize	large	링크 크기 ('xsmall' | 'small' | 'medium' | 'large' | 'xlarge')
disabled	boolean	false	비활성화 여부
children	ReactNode	-	링크 텍스트 내용
className	string	-	사용자 정의 클래스명