Vue Button - Argon

PRO

The ArgonButton component provides different styles, and sizes for creating a button.


Demo

Props Information

NameTypeDefaultDescription
variant'contained''outline''gradient'containedChange the ArgonButton background color type.
size'sm''md''lg'mdChange the ArgonButton size.
color'primary''secondary''info''success''warning''danger''light''dark''white'successChange the ArgonButton background color.
fullWidthboolfalseIf true the ArgonButton get a block level width.
activeboolused to set ArgonButton state to active.
slotnodeThe ArgonButton has a default slot that you can pass node or content inside it.

Variants

Sizes

With Icon

Block