0.0.3 • Published 4 years ago

vue-spark-chart v0.0.3

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

vue-spark

Straightforward Vue button with slideout loading indicator

try it on codesandbox

Props

PropTypeRequiredDefaultDescription
loadingbooleanfalsefalseControls loading indicator animation
styledbooleanfalsefalseEnables opinionated sample styles

Installation

Install the package from npm by running:

$ npm i vue-spark

or

$ yarn add vue-spark

Usage

Import, register and place the component in your Vue app.

<template>
  <VueSpark />
</template>
import VueSpark from 'vue-spark'

export default {
  components: {
    VueSpark,
  },
}

Accessibility

Apply attributes, such as aria-label, directly on the element to apply them to the button.

<template>
  <VueSpark aria-label='Send message' />
</template>

Dev

Running example script requires @vue/cli and @vue/cli-service-global to be installed. Install globally by running npm i --g @vue/cli @vue/cli-service-global or yarn add global vue/cli @vue/cli-service-global.

Contributing

This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:

  1. Fork the project
  2. Create your feature branch (git checkout -b new-feature-branch)
  3. Commit your changes (git commit -am 'add new feature')
  4. Push to the branch (git push origin new-feature-branch)
  5. Submit a pull request!