Alert 11 - Hold to Confirm

Compact alert dialog where the user presses and holds the revoke button until it fills, preventing accidental clicks.

Library

Shadcn Space

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Files

• src/components/shadcn-space/alert/alert-11.tsx
• src/components/ui/alert-dialog.tsx
• src/components/ui/button.tsx
• src/lib/utils.ts
• src/config.ts

Source

https://github.com/shadcnspace/shadcnspace

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• shadcn/ui Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• shadcn/ui Button Components
• Hold Button Components
• React Hold Button Components
• Tailwind CSS Hold Button Components

More from Shadcn Space

• 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
• Button 20 - Animated Like Button