Dev Design Library

HoldButton

A hold-to-confirm button whose inner fill grows from 0 to 100%; release early to shake and abort, hold to the end to fire the action.

HoldButton preview
Library
Evil Buttons
Framework
React
Type
ui
License
Apache-2.0
Dependencies
clsx, tailwind-merge
Files
  • components/evil-buttons/hold-button.tsx
  • lib/utils.ts
Source
https://github.com/radiumcoders/Evil-Buttons

Categories

More from Evil Buttons