@ivanvanderbyl/ember-material-components-fab
v0.77.1-alpha.2
Published
ember-cli addon for @material/fab
Downloads
1
Maintainers
Readme
@ivanvanderbyl/ember-material-components-fab
ember-cli addon for @material/fab
.
Installation
ember install @ivanvanderbyl/ember-material-components-fab
Components and Mixins
Components
Mixins
{{mdc-fab}}
Description
Add a floating action button component to the page.
Usage
{{mdc-fab icon="add"}}
{{mdc-fab icon="add" mini=[true|false]}}
<!-- extended floating action buttons -->
{{mdc-fab icon="add" label="Create"}}
{{mdc-fab icon="add" label="Create" labelPosition="left"}}
{{mdc-fab label="Create"}}
Attributes
icon
- The icon to display on the floating action button.mini
- Make it a mini floating action button.label
- Label displayed on the extended floating action button.labelPosition
- The position of the label in relation to the icon; default isright
.
{{mdc-fab-link-to}}
Description
Add a link component that displays as a floating action button.
Usage
{{mdc-fab-link-to "" "index" icon="add" label="Create"}}
For the time being, the first parameter must be a string, which will be ignored. We hope to have this requirement removed in the near future.
Fab
Description
The Fab
mixin allows you to convert any component into a floating action button.
Usage
import Fab from '@ivanvanderbyl/ember-material-components-fab';
import Component from '@ember/component';
export default Component.extend (Fab, {
});