Primary Button
Description
The Primary Button component is a customizable button based on the Mary UI button component. It offers different styles including default, outline, and flat variations.
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| outline | boolean | false | When set to true, applies an outline style to the button. |
| flat | boolean | false | When set to true, applies a flat style to the button. |
| attributes | array | [] | Additional HTML attributes to be applied to the button. |
| slot | string | The content to be displayed within the button. | |
| class | string | font-normal text-lg px-6 !shadow-none | The base CSS classes applied to the button. These classes are extended based on the button style. |
Example
<x-uxlibrary.buttons.primary-button label="Primary Button" />
<x-uxlibrary.buttons.primary-button label="Primary Button" outline />
<x-uxlibrary.buttons.primary-button label="Primary Button" flat />
