Navigation and layout

Menu

MenuStateIcon

Switches between closed and open navigation menus.

States

2 total

Open menu

The menu is closed.

Open menu

"closed"

The menu is closed.

Close menu

"open"

The menu is open.

Implementation

Pass your current state.

The component stays presentational. Your application remains in control of async work and business logic. The state prop is a TypeScript string literal union — pass an invalid state and you'll get a type error at build time.

Source: Lucide
License: ISC
States: closed · open

example.tsx

import { MenuStateIcon } from "@stateglyph/react";
<MenuStateIcon state="closed" decorative />