Async workflows

Upload

UploadStateIcon

Shows the current state of a file upload.

States

4 total

Upload

Ready to upload.

Upload

"idle"

Ready to upload.

Uploading

"loading"animated

Uploading is in progress.

Upload complete

"success"

Upload complete successfully.

Upload failed

"error"

The upload 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 · loading · success · error

example.tsx

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