Modal Footer component request #1141
Replies: 9 comments 8 replies
-
Thanks for kind words! We will consider adding this feature. |
Beta Was this translation helpful? Give feedback.
-
Espeically with longer forms that require scrollable content, a fixed modal footer is super useful to always show clear submit and cancel buttons. |
Beta Was this translation helpful? Give feedback.
-
is it planned in v7 ? |
Beta Was this translation helpful? Give feedback.
-
The implementation of a ModalFooter component similar to Material's can be a valuable addition to a UI library like Mantine. A footer that stays fixed or remains accessible while scrolling within a modal can enhance user experience, especially when dealing with longer modal content. |
Beta Was this translation helpful? Give feedback.
-
This worked for us just fine as styles for a group with buttons: .footerContainer {
position: sticky;
bottom: 0;
left: 0;
right: 0;
background: white;
z-index: 1;
} (I know it's an old discussion but it popped up first when googling for a modal footer in mantine and maybe this helps others) |
Beta Was this translation helpful? Give feedback.
-
Also found this from a search for a sticky footer. Here's an implementation using the Styles API + Tailwind CSS that is working for us:
|
Beta Was this translation helpful? Give feedback.
-
+1 For wanting this to be available for both Modals and Drawers. Would you accept a PR for this @rtivital ? |
Beta Was this translation helpful? Give feedback.
-
my solution is
|
Beta Was this translation helpful? Give feedback.
-
Another option is to use Modal.Header component (as footer) with few styles redefined, like this:
|
Beta Was this translation helpful? Give feedback.
-
First of all, thanks for your wonderful work @rtivital, Mantine is from far my favorite react lib!
I'm opening this discussion to request a ModalFooter that would be similar to Material's. Indeed, it can be really useful to keep a button accessible along a scrollable Modal
Let me know if it was planned or if the idea is interesting,
Antoine.
Beta Was this translation helpful? Give feedback.
All reactions