Request for Modal component to accept Top

Is your feature request related to a problem? Please describe. The modal top is hard coded at the moment, and the only alternative is to pass isCentered. It’d be nice to have finer grain control over where the modal shows up on the screen. In our app, this hardcoded number puts the modal directly inline with the header and it looks kind of funny. It’d be nice to be able to change it.

Describe the solution you’d like Be able to pass the top prop to the Modal component so we can adjust where the modal shows up.

Describe alternatives you’ve considered Another thing I thought is a prop that is something like positionOnScreen that can put it at 0%, 25%, 50%, 75%, or 100%.

I’d be happy to do the work on this. I’m curious about the maintainer opinions before starting.

[GraemeFulton]

using marginTop="0" on ModalContent worked for me 🤔 with scroll set to inside

[nomadoda]

But how can i place at bottom ? i want my modal to be a bottom when user open website in mobile

Use alignSelf="flex-end" on ModalContent