Button ​

Component Button. Check the console for more info.

<Card>
  <Button text="Button" @click="log" />
</Card>

Props ​

• icon icon & iconVariant icon variant, in case you have included more Font Awesome variants. Vuersatile Components only comes with solid bundled. (Default solid), (solid, regular, light, thin, duotone, brands).

<Card>
  <Button text="Button" icon="rocket-launch" iconVariant="regular" @click="log" />
</Card>

• type button type. (Default primary), (primary, secondary, secondary-transparent, tertiary, tertiary-transparent, approve, reject).

<Card>
  <Button text="Button" type="reject" @click="log" />
</Card>

• size button size. (Default m), (xs, s, m, l).

<Card>
  <Button text="Button" size="l" @click="log" />
</Card>

• disabled. (Default false).

<Card>
  <Button text="Button" disabled @click="log" />
</Card>

• loading. (Default false).

<Card>
  <Button text="Button" loading @click="log" />
</Card>

• button type of button. (Default button), (button, submit, reset).