Comments (4)
Hey! The problem with those use cases is that they are likely to vary from case to case and it would be hard to be generic enough. For instance, for entering password you'd make a call to the API before closing the dialog and react differently depending on the response, so it's highly dependent on your setup. I can imagine the library taking a sufficient number of callbacks, but then its API would likely introduce more complexity than needed, as you may as well create a dialog component specific to your use case and use throughout the app.
I may consider a more extendable solution in the future, but for now I'd rather stick to the most common confirmation case.
from material-ui-confirm.
Hey guys! Since this PR #14, I'm able to embed forms this way:
confirm({
title: 'Reauthenticate',
description: <LoginForm onLogin={() => setShowLoginModal(false)} />, <-- MY FORM IS HERE
dialogProps: {
open: showLoginModal, <-- CONTROLLED DIALOG
},
confirmationButtonProps: {
style: {
display: 'none', <-- HIDDEN CONFIRMATION BUTTON SINCE MY FORM ALREADY HAS ITS BUTTON
},
},
cancellationButtonProps: {
fullWidth: true,
variant: 'contained',
},
})
It's all working perfectly, as you can see in this screenshot:
EXCEPT for those errors:
Since Material UI's <DialogContentText />
passes all its props to the underlying Typography
component, it means we can use it as
<DialogContentText component="div">
// now we can put ANYTHING here :)
</DialogContentText>
Thoughts?
EDIT: Actually passing the open
prop to dialogProps
doesn't allow me to control the Confirmation dialog's state! :( If it could, it'd be easy to render forms in the modal as above.
from material-ui-confirm.
EDIT: Actually passing the open prop to dialogProps doesn't allow me to control the Confirmation dialog's state! :( If it could, it'd be easy to render forms in the modal as above.
Yeah, the dialog is already controlled by this package. Forms seems like a case that needs more customization, perhaps this comment will help.
from material-ui-confirm.
This is out of the scope of this package, as it means to maximally encapsulate the dialog markup. For more complex use cases I suggest an alternative approach outlined here.
from material-ui-confirm.
Related Issues (20)
- Controlled input as content not updating state until dialog is closed HOT 1
- Refuse to use reject to not wrap the code into try catch HOT 1
- Is there a way to disable closing popup on backdrop click? HOT 5
- Opening dialog messes up theme HOT 3
- Incorrect version 2.1.4 HOT 2
- Unable to apply dynamic 'disabled' styling to confirmationButtonProps HOT 1
- Control to customise DialogActions section HOT 1
- Option to pass custom template HOT 1
- Default options does not update at runtime. HOT 1
- Control key word for confirm HOT 2
- Use DialogActions props to add styles HOT 1
- Invalid ConfirmProvider types HOT 1
- Feature request: cancel without rejecting Promise HOT 1
- The button props for color not working properly. HOT 4
- Change the order of buttons HOT 3
- How to handle confirmed action result to stay and display an error? HOT 2
- Closing the confirm should reject the promise HOT 6
- package this library also as UMD HOT 1
- Can't hide Cancel button HOT 4
- What version should I use for MUI v4? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-ui-confirm.