vue-dashes

A Vue component for creating dashes

Usage no npm install needed!

<script type="module">
  import vueDashes from 'https://cdn.skypack.dev/vue-dashes';
</script>

README

vue-dashes

Coverage Status

A Vue component for creating dashes of different sizes using SVG.

image

Installation

npm install --save vue-dashes

How to use

Include the plugin in your main.js file.

import VueDashes from 'vue-dashes'

Vue.use(VueDashes)

Then use the component

<vue-dashes
  color="papayawhip"
  :num-dashes="5"
  :dash-height="6"
  :dash-length="3"
  :space-length="2"
/>

Properties

Name Required Type Default Description
color false String '#000' hex code or HTML color name of the dashes
numDashes false Number 10 number of dashes
dashHeight false Number 1 the height of the dashes
dashLength false Number 1 the length of the dashes
spaceLength false Number 1 the length of the spaces between dashes

Contributing

Pull requests are welcomed and encouraged!

To develop locally:

npm start

Make sure linting passes and unit tests are added or updated before submitting your pull request:

npm run lint

npm run test:watch