Dev Design Library

Hold Button

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.

Hold Button preview
Library
React Bits
Framework
React
Type
component
License
Commons-Clause+MIT
Install
npx shadcn@latest add @react-bits/HoldButton
Files
  • src/content/Micro/HoldButton/HoldButton.css
  • src/content/Micro/HoldButton/HoldButton.jsx
Source
https://github.com/DavidHDev/react-bits

Categories

More from React Bits