element-plus/docs/.vitepress/vitepress/components/navbar/vp-hamburger.vue
qiang a4063fd8d2
docs: accessibility improvement (#11825)
* docs: accessibility improvement for navbar

* docs: accessibility improvement for demo

* refactor: replace ElPopover with ElDropdown

* docs: accessibility improvement for nav-full

* docs: accessibility improvement for back-to-top

* feat: add skip link that jump to the content
2023-03-10 14:43:22 +08:00

24 lines
482 B
Vue

<script setup lang="ts">
import { useNavbarLocale } from '../../composables/navbar-locale'
defineProps<{
active: boolean
}>()
const locale = useNavbarLocale()
</script>
<template>
<button
:class="{ active }"
:aria-label="locale['mobile-nav']"
:aria-expanded="active"
aria-controls="full-screen"
class="reset-btn menu-hamburger"
>
<span class="hamburger-1" />
<span class="hamburger-2" />
<span class="hamburger-3" />
</button>
</template>