Component: Modal about calcite-design-system HOT 3 CLOSED

@macandcheese assigning this to you since you said you had experimented with it a little.

from calcite-design-system.

We have been thinking about modals taking a "type" prop that would allow for:

• Full page takeovers
• Constrained page takeovers
• Default modal (with width field - px or s/m/l)
• Sheet modal - becomes affixed-to-bottom sheet on mobile.

Full page takeover, and constrained takeover become full screen on mobile.

"Sheet" and default modals can use status color accent bar and icon the same way alerts can to make that consistent.

Title is a prop, content is a slot for any content, and I'm undecided if we want to make footer actions a slot for buttons, or lock that down and accept only explicit "primary", "secondary", or "tertiary" slots or props.

Perhaps props for "has close" and "click on overlay to dismiss"

Thoughts?

from calcite-design-system.

I am going to try my hand at this today, FYI

from calcite-design-system.