Loading buttonFree

Spinner while it works, a tick when it's done.

Props

idle

done

duration1300ms

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

Install

$npx nex-ui add loading-button

Usage

import { LoadingButton } from "@/components/nex-ui/loading-button";

<LoadingButton
  labels={{ idle: "Save changes", loading: "Saving", done: "Saved" }}
/>