Download Button
A dynamic button with real-time download status and progress tracking.
Installation
Install this component and its dependencies with a single command.
npx shadcn@latest add https://ui.voxletstudio.com//r/download-button.jsonOnce your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/download-button
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | undefined | Optional custom class names for styling. |
| downloadStatus | "idle" | "downloading" | "downloaded" | "complete" | "idle" | Represents the current state of the download process. |
| progress | number | 0 | Indicates the download progress percentage (0-100). |
| onClick | () => void | undefined | Callback function triggered when the button is clicked. |