How do we use AtlasKit modal dialog in connect?

I’m desperately trying to be good and trying to use AtlasKit with Connect, however for the life of me I can’t seem to be able to create a modal dialog where I have complete control of the button area which looks ADG3.

My descriptor has:

			  {
				"key":"add-field-dialog",
				"url":"/add-field-dialog?lagomdialog=true",
				"options":
				{
				  "size":"medium",
				  "chrome":false
				}
			  },

If I use the ModalDialog component directly, I get the wonderful blanket in my iframe (double opacity for the win). If I don’t use the ModalDialog component I can’t seem to get the heading formatting right (without me having to dig into the styling myself).

I can’t be the only one that’s running into this. If I want to create a chromeless dialog in Connect - how can I get Atlaskit to render the modalDialog component without the blanket…

3 Likes