<x-button:primary
type="button"
ripple
>
Submit
</x-button:primary>Buttons
Sample Button with customizable

Params
Param
value
Use for
type
tailwindcss class name
divide columns for contents
class
tailwindcss classes
optional style
size
tailwindcss class name
text-sizing
onclick
optional function
optional function
onmouseover
optional function
optional function
ripple
ripple effects
Components Laravel
<x-button type="button"
class="text-white bg-primary-500"
ripple
>
Submit
</x-button><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>Last updated
Was this helpful?