0.1.30 • Published 2 years ago
gijutsu-toolkit-vue v0.1.30
gijutsu-toolkit-vue
Installation
npm install gijutsu-toolkit-vue --save
yarn add gijutsu-toolkit-vue
Configuration - main.js project file
import Toolkit from 'gijutsu-toolkit-vue';
import 'gijutsu-toolkit-vue/dist/gijutsu-toolkit-vue.css';
Vue.use(Toolkit);
Components
gj-breadcrumb: Breadcrumb
gj-button: Button
gj-grid: Grid
gj-layout: Layout
gj-form: Form
gj-form-input: Input
gj-form-textarea: Textarea
gj-form-select: Select
gj-form-radio: Radio
gj-form-select: Select
gj-form-cpfcnpj: CPFCNPJ
gj-form-maskedinput: Maskedinput
NotFound: Template
App.vue - sample
<template>
<div id="app">
<gj-layout
title="Toolkit"
:navigation="navigation"
:links="links"
:show-hamburguer-icon="true"
:show-left-menu="true">
<router-view />
</gj-layout>
</div>
</template>
<script>
export default {
data() {
return {
navigation: [
{
root: { icon: 'fas fa-home', title: 'Home', link: '/' },
},
{
root: { icon: 'fas fa-file-alt', title: 'First' },
leaves: [
{ title: 'First', link: '/first' },
],
},
],
};
},
computed: {
links() {
if (this.$route.meta.breadcrumb) return this.$route.meta.breadcrumb;
return [];
},
},
};
</script>
gj-layout props
- navigation [array: data] - an array with the Left Menu options
- links [array: computed] - an array defined on router file with the breadcrumb page options. each route needs a breadcrumb definition
- show-hamburguer-icon [boolean: props] - controls the exibition of the hamburguer icon to hide or show the left menu
- show-left-menu [boolean: props] - hide or show the left menu
0.1.30
2 years ago
0.1.29
3 years ago
0.1.27
3 years ago
0.1.28
3 years ago
0.1.26
3 years ago
0.1.25
3 years ago
0.1.24
3 years ago
0.1.23
3 years ago
0.1.22
3 years ago
0.1.21
3 years ago
0.1.20
3 years ago
0.1.19
3 years ago
0.1.18
3 years ago
0.1.17
3 years ago
0.1.16
3 years ago
0.1.15
3 years ago
0.1.14
3 years ago
0.1.13
3 years ago
0.1.11
3 years ago
0.1.12
3 years ago
0.1.10
3 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago