glow-gradient-button-vue/README.md

a glow and gradient button component for vue

<h1 align="center">Welcome to glow-gradient-button-vue 👋</h1>
<p>
  <img alt="Version" src="https://img.shields.io/badge/version-7.7.7-blue.svg?cacheSeconds=2592000" />
  <a href="#" target="_blank">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" />
  </a>
  <a href="https://twitter.com/X" target="_blank">
    <img alt="Twitter: X" src="https://img.shields.io/twitter/follow/X.svg?style=social" />
  </a>
</p>

> a   glow  and gradient button  component for vue 

### 🏠 [Homepage](https://gitee.com/superwindcloud)

### ✨ [Demo](https://gitee.com/superwindcloud)

## Install

```sh
npm install
```

## Usage

>  全局注册
```vue 
import  App  from  './App.vue' 
import  {createApp} from 'vue'
import 'glow-gradient-button-vue/style.css'; 
import  GlowGradientButton from  'glow-gradient-button-vue' 
const app = createApp(App) 
app.use(GlowGradientButton)  
app.mount('#app')  
```
>  局部注册
```vue
import  {GlowGradientButton} from  'glow-gradient-button-vue' 
import 'glow-gradient-button-vue/style.css'; 
<template>
  <GlowGradientButton /> 
</template>
```
## 使用自定义属性       
>  effectOption : 'spin' | 'wipe' | 'flicker' | 'wave' | 'throb' | 'pulse';  默认 :flicker 

--- 

>  Title  :String , 默认  : "hover  me"
--- 

>  textColor  :String , 默认  : "maroon" 


---  
```vue
 <GlowGradientButton  effectOption="wave"  title="fuck you" textColor="lightpink" />  

```
## Run tests  

```sh
npm run test
```

## Author

👤 **superwindcloud**

* Website: https://gitee.com/superwindcloud
* Twitter: [@X](https://twitter.com/X)
* Github: [@super3windcloud](https://github.com/super3windcloud)
* LinkedIn: [@super](https://linkedin.com/in/super)

## Show your support

Give a ⭐️ if this project helped you!

***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_