Read More

Collapsible content area with animated expand/collapse triggered by a read-more link. It is shown in the block inserter as Canvas Read More and registered as canvas-core/read-more.

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:

Content

• Content (legacy)DefaultEmpty

  Legacy fallback only: new content is added as nested blocks inside the collapsible area.

• Expand LabelDefaultRead More

  Inline markup is allowed, so an icon glyph can be part of (or all of) the label.

• Collapse LabelDefaultRead Less

  Set to false to make the reveal one-way: the trigger removes itself once the content is open.

• Trigger ClassesDefaultEmpty

  Class list on the trigger anchor. read-more-trigger is always added (it is the selector the module looks for); add read-more-trigger-center or read-more-trigger-right to move it.

Settings

• Collapsed HeightDefaultEmpty

  How much of the content stays visible before the reader expands it. Leave empty for the theme default of 10rem.

• Animation Speed (ms)Default500

  How long the expand and collapse movement takes, in milliseconds. Lower it for a snappier reveal.

• Scroll Up on CollapseDefaultOff

  Return the reader to the top of the passage when it closes.

• Fade MaskDefaultOn

  The gradient that fades the collapsed preview into the page background.

• Mask ColorDefaultEmpty

  Match the surface behind the content. Defaults to white.

  Shown when Fade Mask is on

• Mask HeightDefaultEmpty

  How far up the fade reaches from the bottom of the collapsed preview. Lower it for a shorter, sharper fade.

  Shown when Fade Mask is on

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 Canvas: Alerts, Buttons, Code Highlight, Counters, Dividers, Dropcaps.