AnimatedSubscribeButton
Multi-state button: idle → loading → success. Each state morphs in via slide + fade. Supports two-way binding via bind-State.
When to Use
- Newsletter sign-up forms.
- Waitlist or early-access registration flows.
- Any async action where showing progress + success state matters.
API Reference
AnimatedSubscribeButton
| Property | Type | Default | Description |
|---|---|---|---|
| State | SubscribeState | Idle | Current button state: Idle, Loading, or Success. |
| StateChanged | EventCallback<SubscribeState> | — | Two-way binding callback for State. |
| OnSubscribe | EventCallback | — | Invoked when the idle button is clicked. Set State to Success when done. |
| IdleLabel | string | "Subscribe" | Label shown in the idle state. |
| LoadingLabel | string | "Subscribing…" | Label shown with spinner during loading. |
| SuccessLabel | string | "Subscribed!" | Label shown in the success state. |
Related Components
- ShimmerButton — Button with animated shimmer border effect.
- Button — Core button component.