<tyro-ui-subnav>

Subnav

Secondary navigation bar - internal tabs for a page or section. Works with routerLink and supports fixed mode.

Preview

[pages]="samplePages"
Overview Features Pricing Docs

Inputs

Property
Type
Default
Description
[pages] ITyroUiNavbarPages[] []List of navigation tabs (same interface as tyro-ui-navbar)
[isFixed] boolean falseSwitches the subnav to position: fixed to stay pinned below the main navbar
[havePlaceholder] boolean trueRenders a placeholder to compensate for the height when [isFixed]="true"

Interface - ITyroUiNavbarPages

Shared with tyro-ui-navbar - navigation tabs passed via [pages]

Field
Type
Description
label string Tab text (fr)
labelEn? string Tab text (en)
link? string Angular route (routerLink + routerLinkActive)
href? string External link
ancre? string ID of the element to scroll to
icon? string Remix-icon class displayed before the label
children? ITyroUiNavbarPages[] Sub-tabs (dropdown)