Atelier UI

Search components…

Search components…

Delete Button

Two-step delete: first click arms it, a second click within 3s confirms; blur cancels.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

DeleteButtonProps

Also accepts all props of Omit<React.ComponentProps<"button">, "children">

PropTypeDefaultDescription
labelstring"Delete"—
confirmLabelstring"Click to confirm"—
onDelete() => void——

Install

$ npx shadcn@latest add https://chromotion.dev/r/delete-button.json

More like this