node-red-contrib-uibuilder
Version:
Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.
99 lines (77 loc) • 2.29 kB
Markdown
author: Julian Knight (Totally Information)
created: 2026-01-01 21:35:51
updated: 2026-06-02 14:10:58
status: complete
title: GFM Alert Boxes
description: Tests different GitHub Flavored Markdown alert box scenarios. Also known as callouts.
Please note the various limitations shown at the end of these examples.
## Blockquotes
> This is a simple blockquote.
>
> Over multiple paragraphs.
>
> In fact, three paragraphs.
> With some longer text to see how it looks when it wraps over multiple lines in the rendered output.
> And even more text to make sure we have enough to see the effect properly.
## GFM Alert Boxes - {{path}}
The following alert/callout types are supported, using the syntax shown:
- Note: `> [!NOTE]`
- Tip: `> [!TIP]`
- Important: `> [!IMPORTANT]`
- Warning: `> [!WARNING]`
- Caution: `> [!CAUTION]`
> [!NOTE]
> Highlights information that users should take into account, even when skimming.
> [!TIP]
> Optional information to help a user be more successful.
> [!IMPORTANT]
> Crucial information necessary for users to succeed.
> [!WARNING]
> Critical content demanding immediate user attention due to potential risks.
> [!CAUTION]
> Negative potential consequences of an action.
> [!NOTE]
> Altert boxes can contain multiple paragraphs and other elements such as lists, links and code blocks.
>
> This has another paragraph to show that it works over multiple paragraphs.
> And with more lines of text to see how it wraps.
>
> - Nested list
> 1. Nested numbered list
>
> [Nested reference-style link][1]
>
> Nested code block:
> ~~~js
> console.log('nested alert')
> ~~~
## Nesting
Unfortunately, nested alert boxes don't work very well and should be avoided.
Nested blockquotes do work:
> [!NOTE]
> This is a note
>
> > blockquote
> > after
But an alert box with a contained blockquote cannot have outer content after the embed:
> [!IMPORTANT]
>
> > multi line
> >
> > blockquote before
>
> This text should be inside the alert box, but outside the blockquote. However, this does not currently work.
Alerts cannot currently be nested inside another alert or a blockquote.
> This is a blockquote with
>
> > [!TIP]
> > a tip inside
> [!WARNING]
> This is a warning with
>
> > [!TIP]
> > a tip inside
[1]: https://search.brave.com