Callout Demo

Each block below is written as an ordinary GFM blockquote in markdown and rendered as core Gutenberg blocks, coloured from the theme palette rather than from hardcoded values.

The five GFM admonitions

Note

Supporting detail that is worth setting apart from the body text.

Tip

A shortcut that saves the reader time.

Important

Something the reader must not miss.

Warning

A consequence worth flagging before it bites.

Caution

Genuine risk of data loss or breakage.

Summary

In short

  • Callouts are plain markdown blockquotes carrying a [!TYPE] marker
  • Colours come from the theme palette, so they match the site they land on
  • Labels, colours, and icons are configurable per project

FAQ

Frequently asked questions

How are callouts authored?

As GFM blockquotes, the same syntax GitHub uses.

Can an answer contain other blocks?

Yes. Lists, code, and links all work:

  • A list item
  • Another list item

What starts a new question?

A line that is entirely bold, and that either opens the callout or has a blank line above it. A bold lead-in sitting directly under the previous line stays part of that answer.

What happens on a theme without these palette slugs?

The box loses that colour rather than breaking, and the slug can be replaced with a hex literal in configuration.

Bookmark

Family Chore Chart on an Old Tablet: 3 Ways That Actually Get Checked

Read next

Family Chore Chart on an Old Tablet: 3 Ways That Actually Get Checked

Turn an old tablet into a family chore chart that actually gets used. Three free-tier picks (TouchHub, Cozi, Trello), wall-mount setup, and age-specific boards.