- Notifications
You must be signed in to change notification settings - Fork1
vue-comps/vue-fixed-action-button
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
a simple fixed-action-button.
npm install --save-dev vue-fixed-action-button
or includebuild/bundle.js.
# in your componentcomponents:"fab":require("vue-fixed-action-button")# or, when using bundle.jscomponents:"fab":window.vueComps.fab
<fabstyle="bottom:20px;right:20px"><buttonslot="fab">hover me</button><likey=1><button>Action 1</button></li><likey=2><button>Action 2</button></li></fab>
seedev/ for examples.
| Name | type | default | description |
|---|---|---|---|
| class | Array or Object | ["fixed-action-btn"] | class of thediv |
| not-dismissable | Boolean | false | will be not close on click outside of menu (only with click-to-toggle) |
| close-on-click | Boolean | false | will be closed on click inside of menu |
| click-to-toggle | Boolean | false | opens on click instead of hover |
| is-opened | Boolean | false | set to open / close |
| transition | String | "fab-transition" | name of areusable vue transition-group |
| transition-name | String | "fab" | name of a css transition |
| Name | description |
|---|---|
| toggled(isOpened:Boolean) | emitted when gets opened or closed. |
You can provide a default js transition like this:
// must be a transition group// be sure to pass down the context dataVue.component('fab-transition',{functional:truerender:function(h,context){context.data.attrs.name="fade"context.data.props={css:false}context.data.on={enter: ...}returnh"transition-group",context.data,context.children)}})
2.0.0
now compatible with vue 2.0.0
changed way of using own transition
every item needs a key now1.2.1
cleanup1.2.0
added toggled event
set default transition1.1.0
moved transition tovue-transitionsproperlyevents are renamed after vue transitions1.0.0
moved transition tovue-transitions
changed element fromspantoa
Clone repository.
npm installnpm run dev
Browse tohttp://localhost:8080/.
Copyright (c) 2016 Paul PflugradtLicensed under the MIT license.
About
a simple fixed-action-button
Resources
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors2
Uh oh!
There was an error while loading.Please reload this page.