Async Button

A submit button that owns the whole round trip and never changes width, so it cannot move out from under the pointer.

Remix

0

Bookmarks

0

Installs

0

Views

28 lines
"use client"

import { AsyncButton } from "@/components/ui/async-button"

const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))

export default function DemoAsyncButton() {
  return (
    <div className="flex min-h-[260px] w-full flex-col items-center justify-center gap-6 bg-background p-8">

19 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/19/2026

Similar components

That's all 6 components

Explore more

Part of Mira A11y — browse the full library on Nuxus.