mcity-vue-shared
/
2.2.9
mcity-vue-shared 2.2.9
Install from the command line:
Learn more about npm packages
$ npm install @mcity/mcity-vue-shared@2.2.9
Install via package.json:
"@mcity/mcity-vue-shared": "2.2.9"
About this version
Common vue files/themed components used across projects
- Import the
McityToolbarcomponent withimport McityToolbar from '@mcity/mcity-vue-shared/components/McityToolbar' - Include the toolbar component in the template for
app.vuewith<mcity-toolbar><mcity-toolbar/> - Pass the following required props
- fullname
- username
- presentation-text
- isUserAdmin
- title
- There is a named slot available titled "buttons" when any app-specific toolbar buttons can be placed (see example below).
- There is another slot, "overflow-buttons" which maps to inside the ellipses menu on the far right of the toolbar.
<mcity-toolbar
:fullname="fullname"
:username="username"
:presentation-text="presentationText"
:isUserAdmin="isUserAdmin"
title="Project Tracking"
>
<template v-slot:buttons>
<v-btn
v-if="isUserAdmin"
flat
:to="{name: 'New'}"
data-cy="new-project-btn">
New Project
</v-btn>
</template>
</mcity-toolbar>
