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 |