Nav examples


with disabled item

with active item

with target in links

with divider

with classes applied

with idPrefix

See code to display the idPrefix applied

with individual ids

Show code to display the ids applied in html

with attributes

Show code to display the attributes applied in html

hasNav is false

Use this if it's opened with a dropdown button. No nav tag will be used, just a plain ul, assuming the component will be wrapped with a custom nav with it's own aria-label if it's needed. We also use classes to control the width of the nav inside the dropdown.