Navigation and layout

Sidebar

SidebarStateIcon

Switches between open and closed sidebar layouts.

States

2 total

Close sidebar

The sidebar is open.

Close sidebar

"open"

The sidebar is open.

Open sidebar

"closed"

The sidebar is closed.

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: open · closed

example.tsx

import { SidebarStateIcon } from "@stateglyph/react";
<SidebarStateIcon state="open" decorative />