Aside Header Navigation · Preview →
npm install @gravity-ui/navigation
Ensure that peer dependencies are installed in your project
npm install --dev @gravity-ui/uikit@^3.0.2 @bem-react/classname@1.6.0 react@^16.0.0
- AsideHeader
- MobileHeader
- FooterItem
- MobileHeaderFooterItem
- Drawer
- DrawerItem
import {AsideHeader} from '@gravity-ui/navigation';
Used for themization Navigation's components
Name | Description | Default |
---|---|---|
--gn-aside-header-background-color |
Сolor of decorations and selected items | --g-color-base-warning-light |
--gn-aside-header-subheader-divider-line-color |
Divider line color for withDecoration and expanded AsideHeader |
--g-color-base-warning-light |
--gn-aside-header-collapse-button-divider-line-color |
--gn-aside-header-subheader-divider-line-color |
|
--gn-aside-header-footer-item-icon-color |
--g-color-text-primary |
|
--gn-aside-header-subheader-item-icon-color |
--g-color-text-primary |
|
--gn-aside-header-item-icon-background-size |
Background size used when AsideHeader is compact |
38px |
--gn-aside-header-divider-line-color |
Vertical color divider between AsideHeader and content |
Light theme: transparent , Dark theme: --g-color-line-generic-solid |