# next-vue-button

> Vue button with or without slideout loading indicator 🎨

Latest version **1.0.11** (published 2019-09-29) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install next-vue-button
pnpm add next-vue-button
yarn add next-vue-button
bun add next-vue-button
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.11 |
| Published | 2019-09-29 |
| First published | 2019-09-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 20.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Aristóteles Lopes |
| Maintainers | arikardnoir |
| Keywords | #vue, #button, #component, #vue-button, #spinner |

## Links

- npm: https://www.npmjs.com/package/next-vue-button
- Repository: https://github.com/arikardnoir/next-vue-button
- Homepage: https://github.com/arikardnoir/next-vue-button#readme
- Issues: https://github.com/arikardnoir/next-vue-button/issues
- npm.io page: https://npm.io/package/next-vue-button

## Recent versions

- 1.0.11 (latest) — 2019-09-29
- 1.0.10 — 2019-09-29
- 1.0.9 — 2019-09-29
- 1.0.8 — 2019-09-29
- 1.0.7 — 2019-09-29
- 1.0.6 — 2019-09-29
- 1.0.5 — 2019-09-29
- 1.0.4 — 2019-09-29
- 1.0.3 — 2019-09-29
- 1.0.2 — 2019-09-29
- 1.0.1 — 2019-09-29
- 1.0.0 — 2019-09-29

## README

# Next Vue Button 
![version](https://img.shields.io/npm/v/next-vue-button) [![npm downloads](https://img.shields.io/npm/dt/next-vue-button.svg)](https://www.npmjs.com/package/next-vue-button) <a href="https://www.npmjs.com/package/next-vue-button"> [![Software License](https://img.shields.io/npm/l/next-vue-button)](LICENSE)
> A Vue.js plugin to easily integrate button in your projects.

VueJs 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:
``` bash
# install dependencies
npm i next-vue-button
```

## Usage
Import, register and place the component in your Vue app.
```html
<template>
  <NextVueButton />
</template>
```

```html
import NextVueButton from 'next-vue-button'

export default {
  components: {
    NextVueButton,
  }
}
```

## Accessibility
Apply attributes, directly on the element to apply them to the button.
```html
<template>
  <NextVueButton
    classType="button success"
    text="New Product"
    :needSpinner="true"
    :isRequesting="true"
  />
</template>
```

## Props
Components Property that make him cool

|Name              |Type          |Default           |Description                                           |
|------------------|--------------|------------------|------------------------------------------------------|
|classType         |String        |button success    |This prop allow to change button color,according to our terms
|text              |String        |                  |This prop allow you to change the button text
|needSpinner       |Boolean       |false             |With this prop you make choice if you want to use spinner on this button
|isRequesting      |Boolean       |false             |This prop make sense if you will use the Spinner, i could help your button spinner work if the two are in TRUE mode.
|isDisabled        |Boolean       |false             |This prop is for disable your button

---
_Source: https://npm.io/package/next-vue-button · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._