# Primary Button

### Params

<table><thead><tr><th width="65" 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:primary type="button" ripple>
    Submit
</x-button:primary>
```