§ Aside Hints

Inspired by Vuepress hints and Starlight asides

§ Types

Type	Glyph	Name
Tip	`○`	WHITE CIRCLE
Info	`□`	WHITE SQUARE
Important	`■`	BLACK SQUARE
Warning	`△`	WHITE UP-POINTING TRIANGLE
Danger	`▲`	BLACK UP-POINTING TRIANGLE
Misc	`◌`	DOTTED CIRCLE

§ Markup

:::tip [title]

content

:::

§ Raw HTML

<aside class="aside hint callout tip">
  <header>
    <span class="icon">○</span> <em>Tip</em>
  </header>
  Content...
</aside>

§ Basic

:::tip

This is a tip.

:::

:::info

This is some info.

:::

:::important

This is something important.

:::

:::warning

This is a warning.

:::

:::danger

This is something dangerous.

:::

§ Aside Titles

:::tip [This is a custom title]

Tip.

:::

:::info [This is a custom title]

Info.

:::

:::important [This is a custom title]

Info.

:::

:::warning [This is a custom title]

Warning.

:::

:::danger [This is a custom title]

Info.

:::

:::random [This is a custom title]

Misc.

:::