§@gravity-ui/navigation ·

§Aside Header Navigation · 미리보기 →

§설치

npm install @gravity-ui/navigation

프로젝트에 피어 의존성이 설치되어 있는지 확인하세요.

npm install --dev @gravity-ui/uikit@^6.15.0 @gravity-ui/icons@2.2.0 @gravity-ui/components@3.0.0 @bem-react/classname@1.6.0 react@^18.0.0 react-dom@18.0.0

§샌드박스

기본 https://codesandbox.io/p/devbox/navigation-demo-simple-x9k5sd

고급 https://codesandbox.io/p/devbox/recursing-dawn-6kc9vh

§로드맵 2025

1. SSR 지원
2. Gravity UI에 더 많은 문서 및 예제 추가
3. UIKit 테마에서 Navigation 지원
4. subheaderItem, menuItem, footerItem API 통합

§컴포넌트

• AsideHeader
  • AllPagesPanel
  • PageLayout
• PageLayoutAside
• AsideFallback
• FooterItem
• Logo
• Drawer
• DrawerItem
• MobileHeader
• MobileHeaderFooterItem
• MobileLogo
• HotkeysPanel
• Footer
• MobileFooter
• ActionBar
• Settings

§CSS API

Navigation 컴포넌트의 테마 지정을 위해 사용됩니다.