사이드 메뉴

사이드 메뉴는 서브 화면 내에서의 이동을 위해 사용하는 메뉴이다.

사용 지침

정책 안내·민원 안내처럼 하위 페이지가 많은 섹션에서 본문 좌측에 고정 배치하고, 현재 항목과 부모 항목을 강조하여 깊은 구조에서도 길을 잃지 않도록 합니다.

examples/side-navigation/SideNavigationDefault.tsx

import {
  SideNavigation,
  SideNavigationGroup,

examples/side-navigation/SideNavigationSimpleMenu.tsx

import {
  SideNavigation,
  SideNavigationBackTitle,

examples/side-navigation/SideNavigationWithPopupOnly.tsx

import {
  SideNavigation,
  SideNavigationGroup,

examples/side-navigation/SideNavigationFourDepth.tsx

"use client"

import * as React from "react"

이름	타입	기본값	설명
aria-label	string	사이드 내비게이션	—
className	string	—	—