<.button label="Primary" variant="primary"/> <.button label="Secondary" variant="secondary"/> <.button label="Destructive" variant="destructive"/>
<.button label="Large" size="large"/> <.button label="Medium" size="medium"/> <.button label="Small" size="small"/>
<.button disabled label="Disabled" variant="primary"/> <.button disabled label="Disabled" variant="secondary"/> <.button disabled label="Disabled" variant="destructive"/>
<.button label="Icon" icon_position="left"> <:icon_left><.chevron_left /></:icon_left> </.button> <.button label="Icon" icon_position="right"> <:icon_right><.chevron_right /></:icon_right> </.button> <.button label="Icon" icon_position="both"> <:icon_left><.chevron_left /></:icon_left> <:icon_right><.chevron_right /></:icon_right> </.button> <.button icon_only> <.chevron_left /> </.button>