JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q34525F
  • License MIT

a simple pushpin

Package Exports

  • vue-pushpin

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-pushpin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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
bottom Number 0 minimum distance to document bottom (footer height)

Development

Clone repository.

npm install
npm run dev

Browse to http://localhost:8080/.

License

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