material-components-vue/dist/button/README.md

Material Design components for Vue.js

## Button

### Markup

```html
<m-button
  raised
  @click="onClick">
  Button
</m-button>

<m-button unelevated>
  <m-icon
    slot="icon"
    icon="cloud"/>
  Button
</m-button>

<m-button disabled>Button</m-button>
<m-button href="https://github.com/matsp/material-components-vue">Github</m-button>

<m-button>
  <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="...">
    ...
  </svg>
</m-button>
```
### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| raised | Boolean | false | raised button |
| unelevated | Boolean | false | unelevated button |
| outlined | Boolean | false | outlined button |
| dense | Boolean | false | dense button |
| href | String | ' ' | link button |

Non prop attributes and events are mapped to the inner button element.

### Slots

| Slot | Description |
|------|-------------|
| default | button label |
| icon | icon component |

### Reference

- https://github.com/material-components/material-components-web/tree/master/packages/mdc-button