Toggle quick help

This commit is contained in:
Oliver Davies 2018-12-21 23:02:15 +00:00
parent 00e1905c17
commit 8f31c7bd72
3 changed files with 27 additions and 7 deletions

View 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>