OpenOpen playground

ComponentReact TSXKokonut UIMIT

Hold Button

Press and hold to confirm, with a fill that drains back on early release and a drawn check on completion.

Installnpx shadcn@latest add @kokonutui/hold-button

Loading live preview…

License

MIT license: free to use, change and ship in personal and commercial projects. Keep the copyright notice in your project.

License text ↗Original source ↗

Needs npm: class-variance-authority, lucide-react, motion

More from Kokonut UI

REACT
Select Full screen
Kokonut UI · Component
Flick Card
REACT
Select Full screen
Kokonut UI · Component
Halftone Background
REACT
Select Full screen
Kokonut UI · Component
Shape Hero
REACT
Select Full screen
Kokonut UI · Component
Momentum Rail
REACT
Select Full screen
Kokonut UI · Component
Cradle Text
REACT
Select Full screen
Kokonut UI · Component
Currency Transfer
REACT
Select Full screen
Kokonut UI · Component
Background Paths
REACT
Select Full screen
Kokonut UI · Component
Dot Field