# State Button

> A button whose label scrambles, flips or slides through Send, Sending, Sent.

State Button is an animated button ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called stateful button, label morph button, loading button or submit button states.

Each click walks the label through its states with a scramble, a split-flap or a masked slide while the width glides to fit the new word. It can wait on a promise, announces each change to screen readers and returns to rest.

- Page: https://foundry44.dev/components/state-button/
- Category: [Buttons](https://foundry44.dev/library/buttons/)
- Interactions: click, keyboard
- Dependencies: none
- Licence: Pro

## With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.

Settings: `mode`, `states`, `auto`, `resetDelay`, `duration`, `animateWidth`.