본문으로 건너뛰기

Highlight

검색어 일치 부분을 색과 밑줄로 함께 표시.

출시 화면에서 사용

개요

미리보기

예시 언어동작 줄이기

Gmail · Oct 7 — weekly 회의록 draft attached.

variant

children

예시

상태

일치
Gmail · Oct 7 — weekly 회의록 draft attached.
현재 위치
Gmail · Oct 7 — weekly 회의록 draft attached.

쓰임 예

여러 줄
Gmail · Oct 7 — weekly 10월 7일 주간 회의록 초안 draft attached.

이렇게 · 이렇게 하지 않기

이렇게 검색 결과의 일치 구간에만 쓴다. 색만으로 표시하지 않고 밑줄을 함께 둔다. 시스템이 “중요하다”고 판단한 문장을 강조하는 데 쓰지 않는다.
이렇게 검색 일치에만 쓴다. 색과 밑줄을 함께 써서 색에만 기대지 않는다.
이렇게 하지 않기 “기억할 구절” 강조로 쓰지 않는다. 사용자가 구절을 표시하는 기능은 범위 밖이다.
이렇게 하지 않기 AI가 중요하다고 판단한 부분을 표시하지 않는다.

토큰과 속성

이름	타입	기본값	설명
`variant?`	`'match' \| 'current'`	`match`	match = 일치 부분, current = 지금 보고 있는 일치(aria-current="true").
`children`	`ReactNode`	`회의록`	일치한 텍스트.
그 밖의 속성	—	—	id, aria-* 등 네이티브 mark 속성은 그대로 전달된다. className·style은 받지 않는다.