Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mahardikakdenie/mahardikakdenie-vue-button-lib
Library Vue button
https://github.com/mahardikakdenie/mahardikakdenie-vue-button-lib
npm vite vue3 vuejs
Last synced: 26 days ago
JSON representation
Library Vue button
- Host: GitHub
- URL: https://github.com/mahardikakdenie/mahardikakdenie-vue-button-lib
- Owner: mahardikakdenie
- Created: 2023-09-14T08:57:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-15T13:02:29.000Z (over 1 year ago)
- Last Synced: 2024-11-06T16:53:21.955Z (about 2 months ago)
- Topics: npm, vite, vue3, vuejs
- Language: Vue
- Homepage: https://www.npmjs.com/package/mahardikakdenie-vue-button
- Size: 434 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Vue Button Lib
## Features
- Button default
- link button, router-link
```shell
npm i mahardikakdenie-vue-button
```
Import and register component
**Global**
```js
import { createApp } from 'vue';
import App from './App.vue';
import VueButton from 'mahardikakdenie-vue-button'
const app = createApp(App);
app.use(VueButton);
```
**Local**
```vue
import VueButton from 'mahardikakdenie-vue-button'
export default {
components: { VueButton }
}
```
***Property Data**
```vue
props: {
btnClass: {
type: String,
default: 'vue-button'
},
isDisabled: {
type: Boolean,
default: false,
},
isLoading: {
type: Boolean,
default: false,
},
isDiv: {
type: Boolean,
default: false,
},
isLink: {
type: Boolean,
default: false,
},
iconPosition: {
type: String,
default: ''
},
text: {
type: String,
default: 'This is Button Text'
},
iconClass: {
type: String,
default: ''
},
icon: {
type: String,
default: '',
},
loadingClass: {
type: String,
default: '',
},
link: {
type: String,
default: '',
}
},
```