Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
69
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Purchase

Rail Navigation

Rail Navigation provides a compact vertical navigation rail with icons and short labels. Use it when the app or workspace needs navigation but there is not enough space for a full sidebar.

Use it for narrow editor or workspace navigation, secondary product navigation, compact admin shells, and switching between primary sections.

Do not use Rail Navigation when you need a full sidebar with groups, nested navigation, or supporting content; use Sidebar or Sidenav. Do not place it inside ngs-sidebar, because Sidebar has its own navigation. Use Navigation for normal section navigation in content.

ngs-rail-nav

PropTypeDefault
activeKey
The key of the active rail nav item
anyundefined

ngs-rail-nav-item

PropTypeDefault
key
The unique key of the rail nav item
anyuuid()