§@gravity-ui/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

§Sandboxes

基本 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 テーマでのナビゲーションのサポート
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 のコンポーネントのテーマ設定に使用されます。