v2 beta docs. Upgrade guide Back to v1

Badges

Standalone

Hello
Hello
Hello
Hello
Hello
Hello
<x-badge value="Hello" />
 
<x-badge value="Hello" class="badge-soft" />
 
<x-badge value="Hello" class="badge-primary" />
 
<x-badge value="Hello" class="badge-primary badge-soft " />
 
<x-badge value="Hello" class="badge-warning" />
 
<x-badge value="Hello" class="badge-error badge-dash" />

Combined

<x-button>
Inbox
<x-badge value="+99" class="badge-neutral badge-sm" />
</x-button>
 
<x-button class="indicator">
Inbox
<x-badge value="7" class="badge-secondary badge-sm indicator-item" />
</x-button>

Made with by Robson TenĂ³rio and contributors.