Bolt Design System

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

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

  npm install @bolt/components-nav-priority

Dependencies

@bolt/components-navlink

@bolt/core-v3.x

@bolt/lazy-queue

Nav Priority

Priority plus navigation system.