Alert block

Displays an alert block with different state in your body markdown.

Example

Markdown usage

{{< alert-block title="Tempus vitae" state="danger" >}}
Lorem {{< blank_link link="https://www.hugolify.io" text="ipsum" >}} dolor sit amet, consectetur adipiscing elit.

* In condimentum facilisis gravida.
* Nam diam ipsum, tempus vitae [posuere](https://www.hugolify.io).
* mattis non lacus.
{{< /alert-block >}}

HTML rendered

<div class="alert alert-danger">
  <h4 class="alert-heading">Tempus vitae</h4>
  <p>Lorem <a href="https://www.hugolify.io" target="_blank">ipsum</a> dolor sit amet, consectetur adipiscing elit.</p>
  <ul>
    <li>In condimentum facilisis gravida.</li>
    <li>Nam diam ipsum, tempus vitae <a href="https://www.hugolify.io">posuere</a>.</li>
    <li>mattis non lacus.</li>
  </ul>
</div>

Visual renderer

Tempus vitae

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • In condimentum facilisis gravida.
  • Nam diam ipsum, tempus vitae posuere.
  • mattis non lacus.

Datas

Inner: "" # markdown
title: "" # string
state:
  [
    "danger",
    "dark",
    "info",
    "light",
    "primary",
    "secondary",
    "success",
    "warning",
  ] # select

Params

/config/_default/hugo.yaml

markup:
  goldmark:
    renderer:
      unsafe: true

CMS

  • Hugolify admin Not available
  • Decap CMS Not available
  • Netlify CMS Not available
  • Sveltia CMS Not available