Skip to content

Hamburger

Button opening the menu in a mobile view. The size of the button will always depend on the parent element.

Props

toggled
Changes the display of icons depending on the value
type:Boolean
default:false

Examples

Colors of state disabled
Standardowy
With switching
html
<div class="h-12 w-12">
  <hamburger />
</div>
html
<div class="h-12 w-12">
  <hamburger :toggled="show" @click="show = !show" />
</div>
ts
import { ref } from 'vue'
const show = ref(false)