AI-Native

CitationLink

RAG 출처 표시 위첨자 링크 — 호버 시 미리보기.

assistant 응답 안에 인라인으로 삽입. 호버하면 Tooltip으로 출처 제목·발췌·링크가 미리보기됩니다. TooltipProvider로 감싸야 합니다.

import { CitationLink, TooltipProvider } from "@nxtgen-org/react";

Inline citation

본문 안 위첨자 링크

NxtGen은 Pretendard·Geist 폰트를 사용합니다.1Tailwind v3 + Radix + CVA 조합입니다.2

tsx

1<p>
2  NxtGen은 Pretendard·Geist 폰트를 사용합니다.
3  <CitationLink
4    index={1}
5    title="DESIGN.md §0 — Brand"
6    source="nxtgen-design-system/DESIGN.md"
7    excerpt="Minimal, calm, technical, intelligent."
8    href="#"
9  />
10</p>

API

Name	Type	Default	Description
index*	number	—	출처 번호.
title*	string	—	—
excerpt	ReactNode	—	Tooltip 본문 발췌.
source	string	—	도메인/sub-label.
href	string	—	출처 URL.