Usage

Section grouping with an optional title, subtitle, and end content.

A section is a named group of SideNavItem elements. subtitle adds a second, smaller line under the title, and end sits at the trailing edge of the header row. While the rail is collapsed the header is only hidden visually, so screen readers still hear the group name. isHeaderHidden hides it at any width.

import { SideNavSection } from '@astryx-vue/core/SideNav'

Examples

Common configurations, variations, and states.

Basic

Overview

Dashboard

Analytics

Account

Profile

Group related SideNavItems under titled sections. Use sections to organize longer navigation lists into scannable clusters like Overview and Account.