Skip to content

Commit

Permalink
enh: added comments on NcHeaderMenu for NcVue documentation
Browse files Browse the repository at this point in the history
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
  • Loading branch information
emoral435 committed Jan 26, 2024
1 parent 7d726b4 commit cb4275d
Showing 1 changed file with 14 additions and 0 deletions.
14 changes: 14 additions & 0 deletions src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,11 @@ import { t } from '../../l10n.js'
import MenuIcon from 'vue-material-design-icons/Menu.vue'
import MenuOpenIcon from 'vue-material-design-icons/MenuOpen.vue'
/**
* The NcAppNavigationToggle component is used typically alongside another header navigation component.
* It emits the status of whether the button has been clicked or not.
*
*/
export default {
name: 'NcAppNavigationToggle',
Expand All @@ -55,6 +60,11 @@ export default {
},
props: {
/**
* Tracks whether the toggle has been clicked or not.
* If it has been clicked, switches between the different MenuIcons
* and emits a boolean indicating its opened status
*/
open: {
type: Boolean,
required: true,
Expand All @@ -69,6 +79,10 @@ export default {
},
},
methods: {
/**
* Once the toggle has been clicked, emits the toggle status
* so parent components can gauge the status of the navigation button
*/
toggleNavigation() {
this.$emit('update:open', !this.open)
},
Expand Down

0 comments on commit cb4275d

Please sign in to comment.