<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" />

<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>