1.0.4 • Published 4 years ago

@arikardnoir/vue-drip-button v1.0.4

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

Vue Drip Button

version npm downloads [Software License](LICENSE)

A Vue.js plugin to easily integrate button in your projects.

Vue Drip Button is a simple button that give a lot of alternatives to work with, instead of using a predefined button.

Instalation

Install the package from npm by running:

# install dependencies
npm i @arikardnoir/vue-drip-button

Usage

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

<template>
  <VueDripButton />
</template>
import VueDripButton from 'vue-drip-button'

export default {
  components: {
    VueDripButton,
  }
}

Accessibility

Apply attributes, directly on the element to apply them to the button.

<template>
  <VueDripButton
    classType="button success"
    text="New Product"
    :needSpinner="true"
    :isRequesting="true"
  />
</template>

Props

Components Property that make him cool

NameTypeDefaultDescription
classTypeStringbutton successThis prop allow to change button color,according to our terms
textStringThis prop allow you to change the button text
needSpinnerBooleanfalseWith this prop you make choice if you want to use spinner on this button
isRequestingBooleanfalseThis prop make sense if you will use the Spinner, i could help your button spinner work if the two are in TRUE mode.
isDisabledBooleanfalseThis prop is for disable your button

Button Colour Styles

Component classType for change the Style

classTypeTypeImage
primaryStringpicture
secondaryStringpicture
warningStringpicture
dangerStringpicture
successString (default)picture
infoStringpicture
primary-outlineStringpicture
secondary-outlineStringpicture
warning-outlineStringpicture
danger-outlineStringpicture
success-outlineStringpicture
info-outlineStringpicture