---
description: Default Button optional
---

# Default Button

### Params

<table><thead><tr><th width="58" data-type="checkbox"> </th><th width="154">Param</th><th width="221">value</th><th>Use for</th></tr></thead><tbody><tr><td>true</td><td>type</td><td>tailwindcss class name</td><td>divide columns for contents</td></tr><tr><td>true</td><td>class</td><td>tailwindcss classes</td><td>optional style</td></tr><tr><td>true</td><td>size</td><td>tailwindcss class name</td><td>text-sizing</td></tr><tr><td>true</td><td>onclick</td><td>optional function</td><td>optional function</td></tr><tr><td>true</td><td>onmouseover</td><td>optional function</td><td>optional function</td></tr><tr><td>true</td><td>ripple</td><td></td><td>ripple effects</td></tr></tbody></table>

### **Components Laravel**

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