Async workflows

Delete

DeleteStateIcon

Shows the lifecycle of a delete action.

States

4 total

Delete

Ready to delete.

Delete

"idle"

Ready to delete.

Deleting

"deleting"animated

Deleting is in progress.

Deleted

"deleted"

Deleted successfully.

Delete failed

"error"

The delete action failed.

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 · deleting · deleted · error

example.tsx

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