material-components-vue
Version:
Material Design components for Vue.js
41 lines (32 loc) • 811 B
Markdown
## Fab
### Markup
```html
<m-fab
mini
absoluteRight>
<m-icon
slot="icon"
icon="favorite"
@click="..."/>
</m-fab>
<m-fab>
<svg
slot="icon"
@click="..."/>
</m-fab>
```
### Props
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| mini | Boolean | false | mini fab button |
| absoluteRight | Boolean | false | whether the fab should be rendered on the bottom right |
| exited | Boolean | false | animates the fab out of view |
| extended | Boolean | false | extended fab with label |
Events are mapped to the inner button element.
### Slots
| Slot | Description |
|------|-------------|
| default | extended fab label |
| icon | icon component |
### Reference
- https://github.com/material-components/material-components-web/tree/master/packages/mdc-fab