EDITOR
Editor Blocks

Callout

11min
Document image
īģŋ

Think of a callout as a tiny, attention-seeking spotlight for your most important or interesting content. It's like a digital sticky note that screams, "Hey, look at me!". It's a versatile block that can be used to highlight tips, warnings, best practices, or just about anything you want to emphasize.

Why to use callouts?

  • Highlight Key Information Is there something super important your users need to know? A callout is your megaphone.
  • Provide Helpful Tips Want to be the documentation hero? Drop some helpful tips in callouts.
  • Warn About Potential Issues Prevent user tears by using callouts for warnings.
  • Add a Touch of Personality Callouts can be your secret weapon for injecting some personality into your docs.

😎 Pro Tip

Use callouts sparingly. Too many and they lose their impact. It's like shouting at someone - it works for a while, but then it just gets annoying.

How to use the callout block?

1

Type / to open Archbee block menu

2

Search for Callout block and click to insert insert

3

Choose the callout style

  • ℹī¸ Info — For general information, tips, or quick facts.
  • ✅ Success — To celebrate accomplishments, highlight positive outcomes, or simply spread good vibes.
  • īģŋ⚠ī¸ Warning — To alert users to potential issues, cautionary notes, or important considerations.
  • 🛑 Danger — For critical alerts, urgent messages, or situations that require immediate attention.
Callout on "Edit mode"
Callout on "Edit mode"
īģŋ
4

Feel free to add your content. You can style the content however you like using the WYSIWYG Menu or even insert other blocks, like:

Document image
īģŋ

Markdown

Want to add callouts to your documentation directly through Markdown? We've got you covered you!

Archbee supports a specific Markdown syntax with triple colons (:::). With this method, you simply type :::hint followed by an optional style attribute to define the callout type (info, warning, success or danger).

Use the following Markdown to generate a callout block:

Markdown
īģŋ

We would love you to contribute to @octokit/rest, pull requests are very welcome! Please see CONTRIBUTING.md for more information.

Alternatively, use this flavor of Markdown to generate a callout block.

Markdown
īģŋ

Check the Use Markdown shortcutsīģŋ page to see more markdown shortcuts for other blocks.

Examples

Here are some examples to show you the callout block:

  • ℹī¸ Info

ℹī¸ Did you know?

Archbee is so good, it'll make you question your life choices.

Like, why didn't you start using it sooner?

īģŋ

  • ✅ Success

🎉 You did it!

You've mastered the art of callouts.

Now go forth and create amazing documentation that will blow your competitors out of the water.

īģŋ

  • īģŋ⚠ī¸ Warning

īģŋ🚧 Heads up!

Using too many callouts can be distracting. Use them wisely, or your readers might start to ignore them altogether.

īģŋ

  • 🛑 Danger

īģŋ🚨 Uh-oh!

If you're seeing this, something has gone terribly wrong. đŸĢŖ

Probably not with Archbee though, we're perfect. 💅✨

Blame the coffee. ☕ī¸

īģŋ

īģŋ

īģŋ

🤔
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.

īģŋ

Updated 22 Sep 2024
Doc contributor
Doc contributor
Did this page help you?