Blur out the background of dialog specifically a table or div in the background #30409
-
Hi Team, Is there a way to specifically blur out the background of dialog something like below? Background can be a div or table. Also make a dialog appear just on part of page specifically on a div. I tried using DialogSurface as in doc below but didn't apply to the backdrop. I might be missing something in implementation. Any help or direction to proceed with this is really appreciated. I tried simple example by setting backdrop but didn't work as expected. If there is any example or doc I can refer too would be really helpful. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
Hi @vinuthakaranth, you were on the right track! The only thing you missed is that passing JSX to a slot renders that as the https://codesandbox.io/p/sandbox/dialogsurface-with-custom-backdrop-3nhfks |
Beta Was this translation helpful? Give feedback.
@vinuthakaranth and I talked about this offline and it seemed like she wanted this same thing but on v8, after some back and forth we landed on the following example that covers everything she needed.
https://codepen.io/khmakoto/pen/WNmdWjw?editors=0010