Button

Variants
<prism-button label="Primary"></prism-button>
<prism-button label="Secondary" variant="secondary"></prism-button>
<prism-button label="Outline" variant="outline"></prism-button>
<prism-button label="Text" variant="text"></prism-button>
<prism-button label="Danger" variant="danger"></prism-button>
Sizes
<prism-button label="Small" size="sm"></prism-button>
<prism-button label="Medium" size="md"></prism-button>
<prism-button label="Large" size="lg"></prism-button>
Icons
<prism-button label="Search" icon="ri-search-line"></prism-button>
<prism-button label="Next" icon="ri-arrow-right-line" iconPos="right"></prism-button>
<prism-button icon="ri-settings-3-line"></prism-button>
States
<prism-button label="Loading" [loading]="true"></prism-button>
<prism-button label="Disabled" [disabled]="true"></prism-button>
NameTypeDefaultDescription
labelstring''Text label of the button.
iconstringnullIcon class name (e.g. remixicon).
iconPos'left' | 'right''left'Position of the icon relative to the label.
loadingbooleanfalseDisplays a loading spinner.
disabledbooleanfalseDisables the button interactions.
variant'primary' | 'secondary' | 'outline' | 'text' | 'danger''primary'Visual style of the button.
size'sm' | 'md' | 'lg''md'Size of the button.

Name	Type	Default	Description
label	string	''	Text label of the button.
icon	string	null	Icon class name (e.g. remixicon).
iconPos	'left' \| 'right'	'left'	Position of the icon relative to the label.
loading	boolean	false	Displays a loading spinner.
disabled	boolean	false	Disables the button interactions.
variant	'primary' \| 'secondary' \| 'outline' \| 'text' \| 'danger'	'primary'	Visual style of the button.
size	'sm' \| 'md' \| 'lg'	'md'	Size of the button.