Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

thaycacac/vue-image-effect

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Image Effect Component

npm Netlify Status

A simple, highly customisable image effect component for Vue.

Screenshot

star-rating.png

Features

  • Customisable image.
  • Customisable size image.
  • Create and customisablee description image.
  • Good SEO for image

Usage

Via NPM

Install via npm:

npm install vue-image-effect

Then require in your project:

const VueImage = require('vue-image-effect')

or ES6 syntax:

import VueImage from 'vue-image-effect'

Then you can register the component globally:

Vue.component('vue-image-effect', VueImage)

Or in your Vue component:

components: {
  VueImage
}

You can then use the following markup in your project:

<vue-image src="..." alt="..." ...></vue-image>

Via CDN

You may also include vue-image-effect directly in to your webpage via Unpkg. Simply add the following script tag:

<script src="https://unpkg.com/vue-image-effect/dist/image-effect.min.js"></script>

You will need to register the component by doing:

Vue.component('vue-image', VueImageEffect.default)

You may also register the component locally via the components option.

Development & Testing

Please check the Contributing Guidelines.

Contribution

Issues and PRs are welcome !

About

💃A simple, highly customisable image effect component for Vue💃

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  
Morty Proxy This is a proxified and sanitized view of the page, visit original site.