0

I'm creating Shopify embedded app using Shopify Polaris. I have to include a modal form on a page of the embedded app. I know that I have to use this. But I'm not using ReactJS. So I can't change the form in the modal. I don't know how to do it. If anyone knows the solution, it will be appreciated.

I also have noticed one more thing. I have tried the "Number field" input (select the Number field in the dropdown from here). The increment and decrement arrow key are working in the example but not in my form.

Here is my code

<!DOCTYPE html>
<html>
  <head>
    <title>Polaris Sample Template</title>
    <link  rel="stylesheet" href="https://unpkg.com/@shopify/polaris@10.31.0/build/esm/styles.css"/>
  </head>
  <body>
    <div class="Polaris-Page" style="max-width: 100% !important; margin:14px var(--p-space-2);">
      
      <div style="width: auto; height: 60px;">
      <div style=" float: right; margin:14px var(--p-space-4);">
        <div class="Polaris-Box">
          <button class="Polaris-Button" type="button" >
            <span class="Polaris-Button__Content">
              <span class="Polaris-Button__Text">Add</span>
            </span>
          </button>
        </div>
      </div>
      </div>
    
      
    
    </div>
    
    
  </body>

  
</html>

Please share if Polaris has its own js script files.

Moritz Ringler
  • 9,772
  • 9
  • 21
  • 34
Danish Ansari
  • 1
  • 1
  • I use this library, allows me to produce Polaris without the crappy ReactJS. Just sprinkles of Stimulus and it works great! SSR is excellent! https://polarisviewcomponents.org/lookbook – David Lazar Feb 24 '23 at 15:24

0 Answers0