Button Save
Save button that shows a spinner or filling progress bar, turns green with a check, then resets.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
SaveButtonProps
Also accepts all props of Omit<React.ComponentProps<"button">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| withProgress | boolean | false | Show a filling progress bar instead of a spinner while saving |
| saveLabel | string | "Save" | — |
| savedLabel | string | "Saved" | — |
| duration | number | 1600 | Simulated save duration in milliseconds |
| onSave | () => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/button-save.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.