Search
Search
Displays an alert block with different state in your body markdown.
{{< 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 >}}
<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>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Inner: "" # markdown
title: "" # string
state:
[
"danger",
"dark",
"info",
"light",
"primary",
"secondary",
"success",
"warning",
] # select
/config/_default/hugo.yaml
markup:
goldmark:
renderer:
unsafe: true