S-modal max variant

Polaris
1

Can anyone help me to create max variant modal using new polaris web component ???

2

I’d suggest posting more info and what issues you’re having as your post is currently very vague.

3

image
image1902Ă—862 69.5 KB

I want to create a modal like this using polaris web component.

4

You’ll have to explain a bit more if you want to get help. At what stage are you stuck?

  • Do you already have this modal built in polaris react component?
  • Are you asking about how to start with web-components?
  • Do you already have a modal with web component, but you don’t know how to do something specific?
  • Something else?
5

image
image1902Ă—862 69.6 KB

I already have this modal in my app built using polaris react now i want to migrate to polaris web component s-modal but there is no variant=“max” in s-modal component.

6

It’s likely that there is no direct equivalent for it, but from the doc, it seems you can use the property size.

Have you tried size set to large-100? That would be the closest from what I can see in the doc.

7

I’d advise having a good look through the documentation..