사용법
인라인 강조
본문 안에서 검색어·키워드를 강조할 때 사용해요. as로 mark 또는 span을 선택할 수 있어요.
검색 결과에서 GoldTreeDev 키워드를 강조해요.
스타일 커스터마이징
Highlight는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Highlight className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
HighlightProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| as | "mark" | "span" | mark | 렌더 태그 |
Highlight 컴포넌트 Props 표
가져오기
import { Highlight } from "@/components/ui/Highlight";