Paper Plane Button

A send button with a payoff: it fills while files upload, then the paper plane takes off and the label lands on "Sent".

"use client"

import { PaperPlaneButton } from "@/components/paper-plane-button"

export default function PaperPlaneButtonExample() {
  return <PaperPlaneButton />
}

Installation

npx shadcn@latest add @uploadcn/paper-plane-button

Usage

import { PaperPlaneButton } from "@/components/paper-plane-button"
<PaperPlaneButton>Send to client</PaperPlaneButton>

The label is a live region, so screen readers hear Sending, Sent and errors.

Props

Prop

Type

On this page