0.6.3 • Published 2 years ago
@rhodyagencyroot/componentlibrary v0.6.3
Agency Root Component library
Here's a brief introduction.
Installation
$ npm install @rhodyagencyroot/componentlibrary
Usage
NavBar
<template>
<MainNavigation applicationName="yourApplicationName">
<template v-slot:default>
YOUR NAVIGATION CODE HERE.
</template>
</MainNavigation>
</template>
NoAccess
<template>
<NoAccess
applicationName="yourApplicationName"
adminType="yourAdminType">
<template v-slot:default>
ANY EXTRA MARKUP OR CODE. OPTIONAL.
</template>
</NoAccess>
</template>
FooterBar
<template>
<FooterBar />
</template>
LoadingPanel
<template>
<LoadingPanel ref="loading" />
</template>
// in App.vue
setup() {
const loading = ref();
function showLoading() {
loading.value.toggleLoading(true);
}
function hideLoading() {
loading.value.toggleLoading(false);
}
provide('showLoadingPanel', showLoading);
provide('hideLoadingPanel', hideLoading);
return {
loading
}
}
// in child component
setup() {
const showLoading = inject('showLoadingPanel');
const hideLoading = inject('hideLoadingPanel');
// call in functions
}
ValidationMessage
<template>
<label for="selectedName" :class="{'p-error':v.selectedName.invalid && submitted}">Name</label>
<InputText id="selectedName"
name="selectedName"
v-model="selectedName.model"
class="p-input"
:class="{'p-invalid':selectedName.invalid && submitted}" />
<ValidationMessage :model="selectedName" v-if="submitted" />
</template>
0.5.10
2 years ago
0.5.11
2 years ago
0.5.8
2 years ago
0.5.7
2 years ago
0.5.9
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.1.0
2 years ago
0.3.0
2 years ago
0.2.1
2 years ago
0.0.3
2 years ago
0.2.0
2 years ago
0.1.1
2 years ago
0.6.3
2 years ago
0.0.9
2 years ago
0.6.2
2 years ago
0.0.8
2 years ago
0.5.6
2 years ago
0.5.5
2 years ago
0.5.0
2 years ago
0.4.1
2 years ago
0.0.5
2 years ago
0.4.0
2 years ago
0.3.1
2 years ago
0.2.2
2 years ago
0.0.4
2 years ago
0.6.1
2 years ago
0.4.3
2 years ago
0.0.7
2 years ago
0.6.0
2 years ago
0.5.1
2 years ago
0.4.2
2 years ago
0.0.6
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago