Confirmation componentsfor shadcn/ui.

Hold, click again, type to confirm and undo. Add them with the shadcn CLI. They build on your own shadcn components.

Get started

Try it out.

Each asks in its own way, from a quick undo to a typed name. They all work, and each one resets when you're done.

Fig. 01 · Which one

A project danger zone

Three actions, three levels of risk, three ways to ask.

Pause deploymentsNew pushes stop deploying until you resume.

Transfer projectMove acme-prod to another team.

Delete projectRemoves every deployment and its data for good.

Fig. 02 · Hold

Revoking an API key

Press and hold. Letting go early cancels.

Productionsk_live_••••4f2a

Stagingsk_test_••••9c1e

Previewsk_test_••••71b3

Fig. 03 · Type to confirm

Deleting by name

Nothing unlocks until the exact name is typed.

Fig. 04 · Dialog

Leaving a shared workspace

A dialog, only when there is something to explain.

Workspace: Acme
Plan: Team
Members: 12

Fig. 05 · Hold

Resetting preferences

A longer hold for a bigger reset.

Theme: Dark
Alerts: Mentions
Keys: Custom

Fig. 06 · Undo

Clearing out shared files

Moves to trash right away, with five seconds to undo.

q3-report.pdf2.4 MB2h agobrand-assets.zip18.1 MBYesterdaymeeting-notes.md4 KBMonday

Fig. 07 · Click again

Removing a teammate

Each row asks again in place before removing.

LP

Leo ParkEditor

AD

Ava DiazViewer

SL

Sam LeeEditor

Fig. 08 · Hold · Click again

Tidying a message

Icon buttons: click again to archive, hold to delete.

PS

Priya ShahToday, 9:41

Launch checklist

Final checklist for Thursday. Anything missing before we ship?

checklist.pdftimeline.png

Free and open source. MIT licensed.

Get started