Tiny reusable Spotlight component for your Vue App

by Vue.js Examples

V-Spotlight

  • ? Tiny reusable Spotlight component for your Vue App
View Demo View Github

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

Author

v-spotlight © Vinayak, Released under the MIT License.

GitHub