<x-button type="button"
class="text-white bg-primary-500"
ripple
>
Submit
</x-button>
<x-button:primary
type="button"
ripple
>
Submit
</x-button:primary>
<x-button:secondary
type="button"
ripple
>
Submit
</x-button:secondary>
<x-button:warning
type="button"
ripple
>
Submit
</x-button:warning>
<x-button:danger
type="button"
ripple
>
Submit
</x-button:danger>
<x-button:success
type="button"
ripple
>
Submit
</x-button:success>