Footer-only dismiss

No corner close button; dismiss only through the footer.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/dialog-10

Files

• registry/patterns/dialog/dialog-10.tsx
• src/components/ui/button.tsx
• src/components/ui/dialog.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Modal Components
• React Modal Components
• Tailwind CSS Modal Components
• shadcn/ui Modal Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• shadcn/ui Overlay Components

More from FLX UI

• Command dialog
• Confirm Dialog
• Multi-Step
• Grace Period
• Confirm action
• Edit profile
• Delete account
• Terms, sticky footer
• Share link
• Sticky header
• Verify code (OTP)
• Onboarding welcome