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

Default

<x-button type="button" 
    class="text-white bg-primary-500" 
    ripple
    >
    Submit
</x-button>

Default Button

Primary

<x-button:primary 
    type="button" 
    ripple
    >
    Submit
</x-button:primary>

Primary Button

Secondary

<x-button:secondary 
    type="button" 
    ripple
>
    Submit
</x-button:secondary>

Secondary Button

Warning

<x-button:warning 
    type="button" 
    ripple
>
    Submit
</x-button:warning>

Warning Button

Danger

<x-button:danger 
    type="button" 
    ripple
>
    Submit
</x-button:danger>

Danger Button

Success

<x-button:success 
    type="button" 
    ripple
>
    Submit
</x-button:success>

Success Button