Help Center

Callout blocks

Callout blocks

You can add a callout block to your styleguide to highlight important information. This could be useful for release notes, warnings, or other messages. For example:

Use callout blocks

Adding a callout block

You can add a callout block from the toolbar:

Using markdown

Callouts support markdown including headers (h1/h2/h3), bullet-point lists, and code formatting. The full list is available here.

Toggling to full-width

You can change the background color by choosing the settings option and toggling Full width. The text will also adapt to be full width as well.

Changing the background color

You can change the background color by choosing the settings option and picking between the four colors available for your team.

Customizing the background color

If you are on a zeroheight Enterprise plan you can choose which four colors your team can use. The colors are available in the styleguide settings:

When you change the colors the new colors will appear in the callout block settings instead:

FAQs

Can I reset the colors?

Yes, you can reset to the default colors from the styleguide settings by clicking Reset to defaults:

I don’t see ‘callout block colors’ in the settings

To customize the background colors you need to be on our Enterprise plan.