1.0.3 • Published 5 years ago
Envisions Component Javascript simple, created use vue js.
1. Requirements
2. Installation
Run npm i envisions-tag.
3. Support
| Framework |
|---|
| Vue Js |
| Laravel Blade |
4. List Class
| Class |
|---|
| TagCancel |
| TagCreated |
| TagDefault |
| TagDone |
| TagLight |
| TagMain |
| TagNew |
5. Props
| Name | Type | Description | Default | Important |
|---|
| name | string | Value for name tag | - | 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 tag, If false position left, true position right | - | F |
| loading | string | Add custom loading | - | F |
| title_toogle | string | Add tooltip | - | F |
6. Example
VUE
<template>
<TagMain name='Ini Tag' />
</template>
import {TagMain} from 'envisions-tag'
export default {
components: { TagMain },
}
Laravel Blade
import {TagMain} from 'envisions-tag'
const app = new Vue({
el: '#appId',
components: { 'tag-main': TagMain },
})
<tag-main name="Ini Tag"></tag-main>
7. Changelog
| Version | Log |
|---|
| v1.0.0 | Initial Commit |
| v1.0.1 | Modify props, Change Readme |
| v1.0.2 | Change Readme |
| v1.0.3 | Change props |