feat(alert-dialog): change position to bottom

shadcn-ui / ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

https://ui.shadcn.com

MIT License

58.61k stars 3.2k forks source link

feat(alert-dialog): change position to bottom #3588

Open byeze opened 2 weeks ago

byeze commented 2 weeks ago

New position for the alert-dialog. For mobile users, it's better to dislpay alerts at the bottom of the navigator, so the thumb can easily press the desired button for the action. At the moment, the alert dialog renders a centered dialog, instead of at the bottom.

Preview of the change

vercel[bot] commented 2 weeks ago

Someone is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

benorloff commented 2 weeks ago

@byeze I believe https://ui.shadcn.com/docs/components/drawer#examples already achieves this functionality by rendering either a Drawer component or a Dialog component based on the viewport width.