Skip to content
On this page

Button

Props

PropTypeDescriptionRequired
typebutton, submit, reset`Type of the button to be rendered, button is the defaultno
variantcontained, text, outlinedThe look/style of the buttonno

Events

Event
click

Slot

SlotDescription
defaultslot for button text

Usage

<Button @click="model = 'click'"> Button </Button>
<Button type="submit" @click="model = 'click'"> Submit </Button>
<Button type="reset" @click="model = 'click'"> Reset </Button>
<Button @click="model = 'click'"> Default </Button>
<Button variant="text" @click="model = 'click'"> Text </Button>
<Button variant="outlined" @click="model = 'click'"> Outlined</Button>
<Button variant="contained" @click="model = 'click'"> contained </Button>