Envisions Button

Envisions Component Javascript simple, created use vue js.

1. Requirements

• Envisions Style

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

• [Index.vue]

<template>
   <ButtonMain name='Ini Button' />
</template>
import {ButtonMain} from 'envisions-button'
export default {
   components: { ButtonMain },
}

Laravel Blade

• [index.js]

import {ButtonMain} from 'envisions-button'
const app = new Vue({
   el: '#appId',
   components: { 'button-main': ButtonMain },
})

• [index.blade.php]

  <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