Toggle quick help
This commit is contained in:
parent
00e1905c17
commit
8f31c7bd72
3 changed files with 27 additions and 7 deletions
14
src/components/ToggleHelp.vue
Normal file
14
src/components/ToggleHelp.vue
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<template>
|
||||
<button type="button" class="text-blue text-sm font-hairline flex items-center hover:underline focus:underline focus:outline-none" @click="$emit('toggle')">
|
||||
<svg class="h-5 w-5 mr-1 text-blue-dark fill-current" role="presentation"><use xlink:href="icons.symbol.svg#actions__info"></use></svg>
|
||||
{{ hidden ? 'Show quick help' : 'Hide quick help' }}
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
hidden: Boolean,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Reference in a new issue