Burger

import { Component } from '@angular/core';
import { WrBurger } from 'ngwr/burger';

@Component({ imports: [WrBurger] })
export class MyComponent {}

open: false

<wr-burger [(open)]="menuOpen" />

<wr-burger [(open)]="menuOpen" />

<wr-drawer [(open)]="menuOpen" position="right" width="16rem">
  …
</wr-drawer>

<wr-burger
  [(open)]="menuOpen"
  style="--wr-burger-size: 3rem; --wr-burger-color-opened: var(--wr-color-danger);"
/>

Name	Description	Type	Default
`open`	Two-way bindable open state. Drives the hamburger ↔ close morph.	`boolean`	`false`
`label`	Accessible name for the toggle button. Falls back to `burger.label`, then `'Toggle menu'`.	`string \| null`	`null`
`disabled`	Disable the toggle.	`boolean`	`false`

Installation