1.0.5 • Published 3 years ago
Envisions Component Javascript simple, created use vue js.
1. Requirements
2. Installation
Run npm i envisions-button
.
3. Support
Framework |
---|
Vue Js |
Laravel Blade |
4. List Class
Class |
---|
ButtonCancel |
ButtonClose |
ButtonMain |
ButtonSecondary |
ButtonSmall |
ButtonUnique |
5. Props
Name | Type | Description | Default | Important |
---|
name | string | Value for name button | - | T |
custom_class | boolean | Handle for remove all base class | False | F |
span_class | string | Add class to base parent span | - | F |
icon_class | string | Add class icon, ex = fa fa-serch or mdi mdi-search | - | F |
icon_postfix | boolean | Position icon in button, If false position left, true position right | - | F |
loading | string | Add custom loading | - | F |
title_toogle | string | Add tooltip | - | F |
6. Example
VUE
<template>
<ButtonMain name='Ini Button' />
</template>
import {ButtonMain} from 'envisions-button'
export default {
components: { ButtonMain },
}
Laravel Blade
import {ButtonMain} from 'envisions-button'
const app = new Vue({
el: '#appId',
components: { 'button-main': ButtonMain },
})
<button-main name="Ini Button"></button-main>
7. Changelog
Version | Log |
---|
v1.0.0 | Initial Commit |
v1.0.1 - v1.0.4 | Change Readme |
v1.0.5 | Modify props Button Close |