Nav Priority

Priority plus navigation system.

Published Last updated: 2.25.0 Change log Github NPM
Twig Usage {% include "@bolt-components-nav-priority/nav-priority.twig" with { links: [ { text: "Real-Time AI", url: "#!" }, { text: "End-to-end Automation", url: "#!" }, { text: "Journey-centric Delivery", url: "#!" }, { text: "Low Code", url: "#!" }, { text: "Multi-dimensional Power", url: "#!" }, { text: "Cloud Choice", url: "#!" } ] } only %} Schema Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.
Prop Name Description Type Default Value Option(s)
links

Array of Priority Nav links.

 array —
  • [items]:
    • Type:object
    • Properties:
      • text
        • Type: string
      • url
        • Type: string
moreText

Button text that displays when the Priority+ Nav Dropdown is displayed

 string More
  • —
offset

(Inherited from nav-indicator) Number of pixels taken up by sticky items at the top of the page. Used for smooth scroll and gumshoe.

 integer —
  • —
Install Install npm install @bolt/components-nav-priority Dependencies @bolt/components-navlink @bolt/core-v3.x @bolt/lazy-queue