Media controls

Shuffle

ShuffleStateIcon

Shows whether shuffled playback is on or off.

States

2 total

Turn shuffle on

Shuffle is off.

Turn shuffle on

"off"

Shuffle is off.

Turn shuffle off

"on"

Shuffle is on.

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: off · on

example.tsx

import { ShuffleStateIcon } from "@stateglyph/react";
<ShuffleStateIcon state="off" decorative />