NoNex
Docs
/
Block
/
⚠️
Callout
⚠️

Callout

Highlight important information with customizable callout blocks in NoNex. Add icons, background colors, text styles, and nested content to mirror Notion's exact look on your site.

Published on

Callout Block

Callout blocks in Notion are a versatile way to highlight important content, and NoNex ensures that they are rendered with exact fidelity on your website. These blocks offer customization with icons, colors, and nested content, allowing you to create visually distinct and impactful sections.

Features of Callout Blocks

  1. 1.
    Custom Icons: Add any emoji, Notion icon, uploaded image, or external URL as the callout icon.
  2. 2.
    Icon Removal: Option to remove the callout icon entirely for a cleaner look.
  3. 3.
    Background Colors: Slightly distinct from other block backgrounds, these are fully supported by NoNex.
  4. 4.
    Text Colors: Customize the callout text with any supported color.
  5. 5.
    Nested Content: You can nest any other Notion block inside a callout block, creating a structured and detailed layout.
  6. 6.
    Default Text Removal: Remove the default callout text and use only nested blocks for maximum flexibility.

Examples of Callout Blocks

Example 1: Callout with Icon

💡

Did you know?

This is a callout block with an emoji icon and highlighted content.

Example 2: Callout with External Icon

icon

Important Notice

This callout uses an external image URL as its icon.

Example 3: Callout with Background Color

💙

Blue bg callout

🔹

Blue color callout

This callout has a custom background color and text color for emphasis.

Example 4: Callout with Nested Content

📌

Checklist:

  • Task 1: Complete the report by end of day.
    • Subtask 1.1: Gather data from the analytics team.
    • Subtask 1.2: Review formatting guidelines.
  • Task 2: Prepare slides for the presentation.
    • Include key performance metrics.
    • Add relevant charts and visuals.

Example 5: Callout Without Icon

Announcement:

This callout has no icon, just styled text for simplicity.

Example 6: Callout with Removed Default Text

🔍
  • This is a checklist item within the callout block.
    • You can nest additional tasks, notes, or blocks under it.
    • Example nested content: Use this area to add related details or steps.

NoNex ensures that all these features are rendered exactly as they appear in Notion, making your site visually appealing and functionally rich.