https://github.com/gravity-ui/navigation

https://github.com/gravity-ui/navigation

navigation

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/gravity-ui/navigation
• Owner: gravity-ui
• License: mit
• Created: 2022-09-23T12:50:57.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2026-01-16T15:22:31.000Z (5 months ago)
• Last Synced: 2026-01-17T10:26:07.297Z (5 months ago)
• Topics: navigation
• Language: TypeScript
• Homepage: https://preview.gravity-ui.com/navigation
• Size: 92 MB
• Stars: 40
• Watchers: 2
• Forks: 13
• Open Issues: 13
• Metadata Files:
  • Readme: README-ru.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: CODEOWNERS
  • Agents: agents.md

Awesome Lists containing this project

README

          
# @gravity-ui/navigation · [![npm package](https://img.shields.io/npm/v/@gravity-ui/navigation)](https://www.npmjs.com/package/@gravity-ui/navigation) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/navigation/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/navigation/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.yandexcloud.dev/navigation/)

### Навигация в `Aside Header` · [Превью →](https://preview.yandexcloud.dev/navigation/)

![](docs/images/showcase.png)

## Установка

```bash

npm install @gravity-ui/navigation

```

Убедитесь, что в проекте установлены peer-зависимости.

```bash

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

```

## Компоненты

- [AsideHeader](/src/components/AsideHeader/README.md)

- MobileHeader

- FooterItem

- MobileHeaderFooterItem

- [Drawer](/src/components/Drawer/README.md)

- DrawerItem

- PageLayout

- PageLayoutAside

- AsideFallback

- [Logo](/src/components/Logo/Readme.md)

- MobileLogo

- Footer

- MobileFooter

- [HotkeysPanel](/src/components/HotkeysPanel/README.md)

## CSS-переменные

Используются для тематизации компонентов навигации.