Vue Button - Material

PRO

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


Demo

Props Information

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

Variants

Sizes

With Icon

Block