Feedback and toggles

Copy

CopyStateIcon

Shows idle, copied, and reset clipboard feedback.

States

3 total

Copy

Content is ready to be copied.

Copy

"idle"

Content is ready to be copied.

Copied

"copied"

Content was copied.

Copy again

"reset"

Copy feedback has reset.

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: idle · copied · reset

example.tsx

import { CopyStateIcon } from "@stateglyph/react";
<CopyStateIcon state="idle" decorative />