§@gravity-ui/navigation ·

§Aside Header Navigation · Vorschau →

§Installation

npm install @gravity-ui/navigation

Stellen Sie sicher, dass die Peer-Abhängigkeiten in Ihrem Projekt installiert sind

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

§Sandboxes

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

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

§Roadmap 2025

1. Unterstützung für SSR
2. Weitere Dokumentation und Beispiele für Gravity UI hinzufügen
3. Unterstützung für Navigation im UIKit-Themer
4. API für subheaderItem, menuItem, footerItem vereinheitlichen

§Komponenten

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

§CSS API

Wird für die Thematisierung der Navigationskomponenten verwendet