le-body"><span class="hx-badge">Default</span>
<span class="hx-badge hx-success">Successful</span>
<span class="hx-badge hx-warning">Warning</span>
<span class="hx-badge 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">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hx-badge"</span