Buttons
18 components in Buttons, each with an animated preview.
18 components
Async Action ButtonA button that runs an async action, swaps its label for a spinner in the label color without changing width and ignores taps until the action ends.
Badged Icon ButtonAn icon button with a count badge on its corner that pops in, rolls its number, caps at 99+ and bounces the icon when the count goes up.
Button Variant StyleA button style with filled, tinted, outlined and plain variants that follows the control size, the disabled state and the destructive role.
Elastic Drag ButtonA round button that stretches toward the finger and springs back on release.
Emoji Reaction PickerA long-press control that reveals a row of reaction emoji, magnifies the one under the finger and selects it on release.
Expanding Search ButtonA round magnifying glass button that opens into a search field.
Floating Action MenuA plus button that rotates into a close icon and fans out its actions around it.
Gradient Border ButtonA capsule button whose border is an angular gradient that keeps rotating.
Hamburger Menu ButtonA three-line menu button whose bars animate into a close cross when toggled.
Hold To Confirm ButtonA round button that fires only after a long press fills its progress ring, and cancels if released early.
Like Burst ButtonA heart button that pops and throws out a burst of small particles when liked.
Morphing Submit ButtonA submit button that morphs into a spinner while it works and then into a checkmark.
Play Pause Morph ButtonA play button whose triangle morphs into two pause bars by interpolating its path.
Pressable Button StyleA button style that shrinks and dims on press, then springs back.
Provider Sign In Button StackA stack of full-width sign-in buttons, each with a leading icon slot and its own loading state while authenticating.
Pulse Ring ButtonA round button with rings that keep radiating out from behind it.
Shimmer ButtonA gradient capsule button with a band of light that sweeps across it in a loop.
Shrinking Extended ButtonAn extended floating button that collapses from a labeled pill to a plain icon as the scroll view moves down.
No component matches. Try fewer words, or clear the filters.