-badge hx-badge-inverse hx-success">Successful</span>
<span class="hx-badge hx-badge-inverse hx-warning">Warning</span>
<span class="hx-badge hx-badge-inverse hx-danger">Failed</span></div><div class="docs-example-code-body"><div class="example-code-section"><h3>HTML</h3><div class="qm-code-highlight-codeblock language-html"><pre><code class="qm-code-font"><span class="hljs-tag">&lt;<span class="hljs-name">h3</span>&gt;</span>Outlined Badges<span class="hljs-tag">&lt;/<span class="hljs-name">h3</span>&gt;</