@kbn/ui-side-navigation

Standalone build of the Kibana side navigation component for use in non-Kibana Elastic applications (e.g. Cloud console).

How it works

The source component lives in src/platform/kbn-ui/side-navigation/. This packaging layer bundles it into a single JS file with webpack, replacing Kibana-only dependencies (@kbn/i18n, @kbn/core-chrome-layout-constants) with lightweight stubs via aliases.

Quick start

yarn kbn bootstrap
src/platform/kbn-ui/side-navigation/packaging/scripts/build.sh

Artifacts are written to src/platform/kbn-ui/side-navigation/target/.

Usage

import { SideNavigation } from '@kbn/ui-side-navigation';

<SideNavigation
  items={navigationItems}
  logo={logoConfig}
  isCollapsed={false}
  activeItemId="dashboard"
  onItemClick={handleClick}
  onToggleCollapsed={handleToggle}
  setWidth={setWidth}
/>

Peer dependencies

Further reading

• Build details
• i18n approach
• Troubleshooting
• Source component README