The Callout block is a highlighted container that visually separates important content from the rest of your page.
This page showcases the Callout block and its states that you can choose from for your use case. Choose between two background colors: default (gray) for general notes or warning (yellow) for urgent information, then add your content inside it.
Learn how to create and add your own callout text or go back to the Kitchen Sink to see more block showcases.
Callout Default (Gray)
Example 1:
Heading and Text
You can place a regular paragraph inside a callout block just like you would anywhere else on a page. The text will appear highlighted in a way that draws the reader’s eye to it. Callout blocks are a great way to emphasize tips, warnings, or main ideas.
Example 2:
Button Group
Example 3:
Tabs
- Untitled Cell
Accordions and tabs in WordPress are useful tools for organizing content into clean, interactive sections. They help improve user experience by making information easier to navigate without overwhelming the page.
- Untitled Cell
- List item 1
- List item 2
- List item 3
- Untitled Cell
Callout Warning (Yellow)
Example 1:
Heading and Text
You can place a regular paragraph inside a callout block just like you would anywhere else on a page. The text will appear highlighted in a way that draws the reader's eye to it. Callout blocks are a great way to emphasize tips, warnings, or main ideas.
Example 2:
Button Group
Example 3:
Tabs
- Untitled Cell
Accordions and tabs in WordPress are useful tools for organizing content into clean, interactive sections. They help improve user experience by making information easier to navigate without overwhelming the page.
- Untitled Cell
- List item 1
- List item 2
- List item 3
- Untitled Cell
