MobileMenuToggle

Animated hamburger menu toggle button that transforms into an X when open.

Navigation

Default

Open

Interactive

Closed

Open

Comparison

With aria label

Source

<MobileMenuToggle isOpen={isOpen} onToggle={() => {}} />

Injected into the previews above. MobileMenuToggle

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */