Tiny reusable Spotlight component for your Vue App

V-Spotlight. Tiny reusable Spotlight component for your Vue App

  • Demo Link - Click Here

  • This is on GitHub so let me know if I’ve b0rked it somewhere, give me a star if you like it

Install

yarn add v-spotlight

CDN: UNPKG | jsDelivr

Usage

<template>
  <v-spotlight background="'https://placehold.it/1000x1000'"></v-spotlight>
</template>

<script>
import VSpotlight from 'v-spotlight';

export default {
  components: {
    VSpotlight,
  },
};
</script>

API

Props

  • background: Add background image for the spotlight
  • position: Background image cover position

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Download Details:

Author: vinayakkulkarni

Live Demo: http://bit.ly/v-spotlight

GitHub: https://github.com/vinayakkulkarni/v-spotlight

#vuejs #javascript #vue-js

Tiny reusable Spotlight component for your Vue App
4.10 GEEK