Logo

dev-resources.site

for different kinds of informations.

GitHub Flavored Callouts

Published at
12/18/2023
Categories
markdown
github
webdev
news
Author
jldec
Categories
4 categories in total
markdown
open
github
open
webdev
open
news
open
GitHub Flavored Callouts

I enjoyed adding support for callouts in zaui today.

Here's an example:

Screenshot with standard callout

And here's the markdown source,

> [!TIP]
> The [zaui guide](https://zaui.zeroasic.com/guide/markdown-extensions) has more details.

The markdown format matches the recently introduced GitHub Markdown Alerts extension.

In addition to the now GitHub standard [!NOTE|TIP|IMPORTANT|CAUTION|WARNING] you can also follow the [!{something}] pattern, to make up your own callouts, perhaps with an emoji.

> [!💥 zaui]
> Getting a little better every day

Screenshot with custom zaui callout

Careful, this 👆 only works with zaui, not on GitHub.

Next

Along with this change, zaui also gained a next button in the Post layout.

This should make it easier to navigate to the next page in the guide, and to the next post in the blog.

You can try it out at the top of this page...

Screenshot with a

💥

Featured ones: