Canvas Docs

Page Title Buttons

Action buttons in the page-title band. Reads each page's own buttons in dynamic mode, or renders the buttons you author here. A button with no link becomes a scroll trigger. It is shown in the block inserter as Page Title Buttons and registered as canvas-core/page-title-buttons.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Page Title Buttons settings in the block editor sidebar

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:

Content

  • Buttons SourceDefaultDynamic (per-page buttons)

    Dynamic reads the buttons set on each page in the Page Title Settings box, so one template part serves every page.

    ChoicesDynamic (per-page buttons)Static (buttons authored here)

  • ButtonsDefaultEmpty

    Leave the URL empty to render a scroll trigger (a real button) instead of a link.

    Shown when Buttons Source is "Static (buttons authored here)"

    Each row of Buttons takes:

    • LabelDefaultEmpty

      Wording on this button.

    • URLDefaultEmpty

      Leave empty to render a scroll trigger instead of a link.

    • Scroll ToDefaultEmpty

      Which section of the page this button glides down to. Name the section by its id, for example #content.

    • Scroll OffsetDefaultEmpty

      How many pixels to stop short of that section, so a pinned header does not cover its first line.

    • IconDefaultEmpty

      Icon shown with the label, such as an arrow on a button that scrolls down.

    • Icon PositionDefaultAfter label

      Which side of the label the icon sits on.

      ChoicesAfter labelBefore label

    • Extra ClassesDefaultEmpty

      Classes on this one button, so it can look different from the others in the row.

    • Open in New TabDefaultOff

      Opens the link in a new browser tab. Use it for a destination that leaves your site.

Style

  • Row ClassesDefaultmt-5

    Utility classes appended to the button row wrapper.

  • Button ClassesDefaultEmpty

    Base classes used by every button. Leave empty for the default outline button.

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Content: Background Video / Audio, Cascading Images, Charts, Circle Stack, Clients, Data Tables.

Was this page helpful?