콘텐츠 내 탐색

콘텐츠 내 탐색은 사용자가 본문의 구조를 훑어보고 원하는 콘텐츠로 빠르게 이동할 수 있도록 하는 탐색 수단이다.

사용 지침

본문이 여러 H2 단락으로 구성된 안내 페이지에서 우측 또는 상단에 배치하고, 스크롤 위치에 따라 현재 단락을 강조해 사용자가 페이지 구조를 한눈에 파악하도록 합니다.

examples/in-page-navigation/InPageNavigationDefault.tsx

import {
  InPageNavigation,
  InPageNavigationEyebrow,

examples/in-page-navigation/InPageNavigationLongItems.tsx

import {
  InPageNavigation,
  InPageNavigationEyebrow,

examples/in-page-navigation/InPageNavigationWithScrollFunctionality.tsx

"use client"

import * as React from "react"

examples/in-page-navigation/InPageNavigationWithoutAction.tsx

import {
  InPageNavigation,
  InPageNavigationEyebrow,

이름	타입	기본값	설명
aria-label	string	이 페이지의 구성	—
className	string	—	—