[FR](Primitives) Modal Component

[bestickley]

On which framework/platform would you like to see this feature implemented?

React

Which UI component is this feature-request for?

Other

Please describe your feature-request in detail.

I would like to be able to use a Modal component within Amplify UI without having to create my own.

Please describe a solution you'd like.

Requested Modal Customizations:

• Title
• Content
• Footer/Action (where buttons go)
• Size
• Overlay color / opacity
• How overflow is handled
• Transition

Inspiration: https://mantine.dev/core/modal/

We love contributors! Is this something you'd be interested in working on?

• [ ] 👋 I may be able to implement this feature request.
• [ ] ⚠️ This feature might incur a breaking change.

[aggmoulik]

Hey @bestickley I would love to pickup this issue. Are we aiming for using Radix components or scratch from css ?

[bestickley]

Hey @aggmoulik, that would be great! Please see here for reference implementation where I used Radix. You could build from scratch but I think depending on Radix component would be ok and probably smarter as they're already handling a lot of accessibility features for components and they have small bundle size.

[aggmoulik]

Hey @bestickley, Is there any figma design for the modal based on aws amplify design system.

[bestickley]

@aggmoulik , not that I'm aware of.

[parbro3]

Any update on this?

[lwang-79]

Expecting this component. Looks like there are not any popup components except menu.