vdb
@arikardnoir/vue-drip-button
npm i @arikardnoir/vue-drip-button
vdb

@arikardnoir/vue-drip-button

New way to use buttons 🎨

by Aristoteles Lopes

1.0.4 (see all)License:MITTypeScript:Not Found
npm i @arikardnoir/vue-drip-button
Readme

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.

Installation

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 Color 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

Downloads/wk

2

GitHub Stars

10

LAST COMMIT

1yr ago

MAINTAINERS

1

CONTRIBUTORS

2

OPEN ISSUES

0

OPEN PRs

7
VersionTagPublished
1.0.4
latest
3yrs ago
No alternatives found
No tutorials found
Add a tutorial