# AnimatedSubscribeButton

Source: https://lumeo.nativ.sh/components/animated-subscribe-button

# 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.

Preview Code

Default Subscribe

Subscribe

Copy Code

Preview Code

Custom Labels

Join Waitlist

Copy Code

## 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](/components/shimmer-button) — Button with animated shimmer border effect.
-   [Button](/components/button) — Core button component.