Button 28 - Hold to Charge

Press and hold button with circular SVG progress meter for critical actions and confirmations.

Library

Shadcn Space

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Files

• src/components/shadcn-space/button/button-28.tsx
• src/lib/utils.ts
• src/config.ts

Source

https://github.com/shadcnspace/shadcnspace

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components

More from Shadcn Space

• Alert 11 - Hold to Confirm
• Button 03 - Shine Hover
• Button 05 - Get Figma File
• Button 06 - Animated Border
• Button 10 - Save
• Button 11 - Cancel
• Button 12 - Default
• Button 13 - Size xs
• Button 14 - Size sm
• Button 15 - Size lg
• Button 17 - Blob Fill
• Button 19 - Interactive Hover