Media controls

Fullscreen

FullscreenStateIcon

Switches between windowed and fullscreen layouts.

States

2 total

Enter fullscreen

The view is windowed.

Enter fullscreen

"windowed"

The view is windowed.

Exit fullscreen

"fullscreen"

The view is fullscreen.

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: windowed · fullscreen

example.tsx

import { FullscreenStateIcon } from "@stateglyph/react";
<FullscreenStateIcon state="windowed" decorative />