hint

hint renders a titled callout box with a Markdown body. Give the style alone, positionally, or the style and a title by name:

{{< hint warning >}}Something that can bite if ignored.{{< /hint >}}

{{< hint style="tip" title="Best practice" >}}The recommended way.{{< /hint >}}

Shortcode parameters are either all positional or all named, so a custom title needs style="…" too. Styles: info (default), note, tip, warning, danger, success; unknown styles fall back to info. The title defaults to the style’s name.

Accent colors are deliberately independent from --pico-primary — a red brand color won’t make info look like danger. Each is overridable via params.cssvars:

Styles#