Registry Index

Search the catalog

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

ComponentReactregistry:componentSelf-contained

HoldButton

HoldButton-TS-CSS

Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label through a blur when the hold completes.

@react-bitsRegistry JSON
Live, loading

Starting the live preview…

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.

4 variants

Variants of this

Other takes on HoldButton from @react-bits — the same idea in another design, language or styling.

Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label through a blur when the hold completes.

Open
@react-bits

More from @react-bits

All 469 items
MagnetLines
MagnetLines-TS-CSS
Component
GridDistortion
GridDistortion-TS-CSS
Component
WebThreads
WebThreads-TS-CSS
Component
SquishSwitch
SquishSwitch-TS-CSS
Component
PlasmaWave
PlasmaWave-TS-CSS
Component
MaskedHeading
MaskedHeading-TS-CSS
Component
GridMotion
GridMotion-TS-CSS
Component
AccordionGallery
AccordionGallery-TS-CSS
Component