Media controls

Play and pause

PlayPauseStateIcon

Switches between paused and playing media states.

States

2 total

Play

Media is paused and can be played.

Play

"paused"

Media is paused and can be played.

Pause

"playing"

Media is playing and can be paused.

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: paused · playing

example.tsx

import { PlayPauseStateIcon } from "@stateglyph/react";
<PlayPauseStateIcon state="paused" decorative />