Nav
A tabs / pills / underline navigation strip with active and disabled states and one-level dropdowns. It is shown in the block inserter as Canvas Nav and registered as canvas-core/nav.
Select the block on a page and its own settings open in the sidebar, in the panels below:
Settings
Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:
Items
ItemsDefaultEmpty
The links in the navigation, in the order they appear.
Each row of Items takes:
LabelDefaultEmpty
Wording of this link.
URLDefault
#Where this link sends the reader.
CurrentDefaultOff
Mark this link as the page the reader is on.
DisabledDefaultOff
Show this link greyed out and stop it being clicked.
Extra Link ClassesDefaultEmpty
Extra classes on this link.
Extra Item ClassesDefaultEmpty
Extra classes on the list item wrapping this link.
Dropdown ItemsDefaultEmpty
One per line as "Label | URL". A line of --- becomes a divider. Leave empty for a plain link.
Style
StyleDefaultEmpty
The look of the navigation, from plain links to tabs, pills or an underline.
ChoicesPlain (empty)TabsPillsUnderline
Width DistributionDefaultEmpty
Spread the items across the full width of the row.
ChoicesNatural (empty)Fill (proportional)Justified (equal)
StackedDefaultOff
Stack the links one under another instead of running them along a row.
AlignmentDefaultEmpty
Where the row of links sits across its container.
ChoicesStart (empty)CenterEndShown when Stacked is off
Max WidthDefaultEmpty
Constrain a stacked nav so it reads as a sidebar rather than a full-width column.
Related
Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.
Other blocks in Interactive: Accordions, AJAX Buttons, Carousels, Cookie Consent, Countdowns, Flip Cards.