사이드 메뉴

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

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

사용 지침

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

예제

Default

examples/side-navigation/SideNavigationDefault.tsx
import {
  SideNavigation,
  SideNavigationGroup,

Simple Menu

examples/side-navigation/SideNavigationSimpleMenu.tsx
import {
  SideNavigation,
  SideNavigationBackTitle,

With Popup Only

examples/side-navigation/SideNavigationWithPopupOnly.tsx
import {
  SideNavigation,
  SideNavigationGroup,

속성

이름타입기본값설명
aria-labelstring사이드 내비게이션—
classNamestring——