Default
Primary
Accent
Warn
Disabled
Dense
Default
Primary
Accent
Warn
Disabled
Dense
Indigo
Teal
Green
White
Brown
Orange
Default
Primary
Accent
Warn
Disabled
Dense
add
add
add
add
add
add
add
add
add
add
add
add
add
add
edit
edit
email
email
save
save
chat
chat
message
message
<md-button>Default</md-button>
<md-button class="md-primary">Primary</md-button>
<md-button class="md-accent">Accent</md-button>
<md-button class="md-warn">Warn</md-button>
<md-button class="md-primary" disabled>Disabled</md-button>
<md-button class="md-dense">Dense</md-button>
<md-button class="md-raised">Default</md-button>
<md-button class="md-raised md-primary">Primary</md-button>
<md-button class="md-raised md-accent">Accent</md-button>
<md-button class="md-raised md-warn">Warn</md-button>
<md-button class="md-raised md-primary" disabled>Disabled</md-button>
<md-button class="md-raised md-dense">Dense</md-button>
<md-button class="md-raised md-primary" v-md-theme="'indigo'">Indigo</md-button>
<md-button class="md-raised md-primary" v-md-theme="'teal'">Teal</md-button>
<md-button class="md-raised md-primary" v-md-theme="'green'">Green</md-button>
<md-button class="md-raised md-primary" v-md-theme="'white'">White</md-button>
<md-button class="md-raised md-primary" disabled v-md-theme="'brown'">Brown</md-button>
<md-button class="md-raised md-primary md-dense" v-md-theme="'orange'">Orange</md-button>
<md-button href="#/components/button" class="md-raised">Default</md-button>
<md-button href="#/components/button" class="md-raised md-primary">Primary</md-button>
<md-button href="#/components/button" class="md-raised md-accent">Accent</md-button>
<md-button href="#/components/button" class="md-raised md-warn">Warn</md-button>
<md-button href="#/components/button" class="md-raised md-primary" disabled>Disabled</md-button>
<md-button href="#/components/button" class="md-raised md-dense">Dense</md-button>
<md-button class="md-icon-button">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-primary">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-accent">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-warn">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button" disabled>
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-dense">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-raised">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-raised md-primary">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-raised md-accent">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-raised md-warn">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-raised" disabled>
<md-icon>add</md-icon>
</md-button>
<md-button class="md-icon-button md-raised md-dense">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-fab md-fab-bottom-right">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-fab md-fab-bottom-left md-mini">
<md-icon>add</md-icon>
</md-button>
<md-button class="md-fab">
<md-icon>edit</md-icon>
</md-button>
<md-button class="md-fab md-mini">
<md-icon>edit</md-icon>
</md-button>
<md-button class="md-fab md-primary">
<md-icon>email</md-icon>
</md-button>
<md-button class="md-fab md-primary md-mini">
<md-icon>email</md-icon>
</md-button>
<md-button class="md-fab md-warn">
<md-icon>save</md-icon>
</md-button>
<md-button class="md-fab md-warn md-mini">
<md-icon>save</md-icon>
</md-button>
<md-button class="md-fab md-clean">
<md-icon>chat</md-icon>
</md-button>
<md-button class="md-fab md-clean md-mini">
<md-icon>chat</md-icon>
</md-button>
<md-button class="md-fab" disabled>
<md-icon>message</md-icon>
</md-button>
<md-button class="md-fab md-mini" disabled>
<md-icon>message</md-icon>
</md-button>