Skip to content

Top Nav Heading

@astryxdesign/core v0.7.1 · TopNavHeading

Usage ​

Product/suite/account heading for the TopNav heading slot. Supports smart interaction boundary logic: logo, heading text, superheading/subheading with independent links, and an optional menu popover with automatic chevron indicator.

ts
import { TopNavHeading } from '@astryx-vue/core/TopNav'

Examples ​

Common configurations, variations, and states.

Basic

A product heading with a logo inside a TopNav, linked to the home page. Use as the leading brand element of a top navigation bar.