Usage

Product/suite/account heading with smart interaction boundary logic for links and a menu popover.

Pass it to the header slot of a SideNav. icon goes before the text. superheading is the small line above the title and subheading the one below, and each line can carry its own link. A menu slot turns the text into a popover trigger with a chevron, while a plain headingHref with no menu makes the whole heading one link. end sits at the trailing edge.

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

Examples

Common configurations, variations, and states.

Basic

Analytics

A SideNav header with an app icon and a linked title. Pass it to the SideNav header prop to identify the product or workspace at the top of the navigation rail.