Dev Design Library

Hold Button

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

Hold Button preview
Library
Kokonut UI
Framework
React
Type
component
License
MIT
Dependencies
class-variance-authority, lucide-react, motion
Install
npx shadcn@latest add @kokonutui/hold-button
Files
  • components/kokonutui/hold-button.tsx
  • lib/utils.ts
Source
https://github.com/kokonut-labs/kokonutui

Categories

More from Kokonut UI