상세 링크
단지 상세로 넘어가는 링크를 한 곳에서 조립해요. 표·카드 어디서 눌러도 같은 방식으로 빠르게 열려요.
모바일PCDetailLink
누르면 단지 상세로 실제 이동해요. 모양은 감싸는 내용이 정해요.
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 모양 없는 이동 링크예요. 손이 닿을 때 미리 당겨 빠르게 열고, 클릭을 셀 곳은 track 속성(where·what)을 주면 한 번만 세요.
인터페이스#
타입에서 자동으로 뽑은 표예요.
DetailLink#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| warm | true | boolean | 눌리기 전에 미리 당기지 않을 때만 끈다(목록이 아주 길고 오탭이 잦은 자리). |
| track | - | { where: string; what: string; to?: string; } | 클릭을 cta_click으로 센다(옛 CtaLink). ★한 번만 센다 - data-cta-own을 달아 LinkClicks(허브·인사이트 위임 리스너)가 |
| row | - | boolean | 표 행 이름 링크(옛 RowLink) - 행(div role=button tabIndex 0)이 이동을 맡고, 이 링크는 **크롤러가 따라갈 <a href>**만 준다. |
이 밖에 감싼 요소의 HTML 속성 298개를 그대로 받아요.
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 보통 링크(a href)예요. 새 탭으로 열기(⌘·Ctrl+클릭)도 그대로 돼요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |