Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui1 dependency

Hold Button

hold-button

A confirmation button that completes after a deliberate pointer hold and remains accessible from a keyboard.

@mischiefRegistry JSON
Live, loading

Starting the live preview…

Rendered from its demo Hold Button Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

1 other registry

Similar components

Other registries' take on hold-button.

hold-button
k@kokonutui
Component
1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

A worked example of Hold Button: A confirmation button for actions that deserve a second thought. Release early to cancel, or activate once with a keyboard.

@mischief

More from @mischief

All 102 items
Conversation
conversation
Component
Table of Contents
table-of-contents
Component
Orb
orb
Component
Copy Button
copy-button
Component
Tag Input
tag-input
Component
OTP Input
otp-input
Component
Copy for AI
copy-for-ai
Component
Terminal Output
terminal-output
Component