Navigation and layout

Panel

PanelStateIcon

Switches between restored and maximized panel sizes.

States

2 total

Maximize panel

The panel is restored.

Maximize panel

"restored"

The panel is restored.

Restore panel

"maximized"

The panel is maximized.

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: restored · maximized

example.tsx

import { PanelStateIcon } from "@stateglyph/react";
<PanelStateIcon state="restored" decorative />