vue-pushpin

a simple pushpin
671 1
vue component pushpin
Install
npm install vue-pushpin
Latest Version:1.0.0
Vue:1
License:MIT
Last Updated:Sep 19, 2016
Links: GitHub  ·  npm
Maintainer: paulpflug

vue-pushpin

Fixed positioning, which respects header and footer.

Demo

Install

npm install --save-dev vue-pushpin

or include build/bundle.js.

Usage

# in your component
components:
  "pushpin": require("vue-pushpin")
# or, when using bundle.js
components:
  "pushpin": window.vueComps.pushpin

<pushpin>
  <div>content</div>
</pushpin>

The pushpin will change its position to absolute, so it should be positioned relative to body.

For examples see dev/.

Props
Name type default description
top Number 0 minimum distance to document top (header height)
offset Number 0 distance to the viewport top on scrolling (should be smaller than top)
bottom Number 0 minimum distance to document bottom (footer height)

Changelog

  • 1.0.0
    some cleaning
    added unit tests

Development

Clone repository.

npm install
npm run dev

Browse to http://localhost:8080/.

License

Copyright (c) 2016 Paul Pflugradt Licensed under the MIT license.

Related Packages

vue

The progressive JavaScript framework for building modern web UI.

588,019,132 54,801
vue
@vueuse/shared
372,738,348 22,398
vue utils vue-use
@vueuse/core

Collection of essential Vue Composition Utilities

367,188,523 22,398
vue utils vue-use
@vitejs/plugin-vue

The official plugin for Vue SFC support in Vite.

333,357,380 686
vue vite vite-plugin
eslint-plugin-vue

Official ESLint plugin for Vue.js

266,364,830 4,591
vue eslint eslint-config eslint-plugin rules vuejs

Version History

Version Released Vue License
1.0.0 ^1.0.26 MIT
0.1.3 ^1.0.21 MIT
0.1.2 ^1.0.21 MIT
0.1.1 ^1.0.21 MIT
0.1.0 ^1.0.21 MIT