How to use polaris component witout using react

How to use polaris component witout using react

UmarAhmed
Shopify Partner
7 0 1

I want to use polaris components like card , banner etc. in my app but it is not a react app so how can i use them without using react.

Replies 3 (3)

YOD_Solutions
Shopify Partner
261 28 37

You can include the Polaris CSS in your html from "unpkg.com/@shopify/polaris@12/build/esm/styles.css"   The Polaris docs website has sample codes for both react and html for each component; you can use the html samples. https://polaris.shopify.com/components

 

Founder @ JsRates: Custom Shipping Rates
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more about JsRates visit the JsRates home page or JsRates documentation
- Find JsRates on Shopify app store
UmarAhmed
Shopify Partner
7 0 1

The cdn you provided is not working 

UmarAhmed_0-1706159943294.png

 

jam_chan
Shopify Partner
932 23 192

I'm using Vue and trying the html version of Polaris. You can use the CDN:

https://www.jsdelivr.com/package/npm/@shopify/polaris

 

Or you can install with npm install @Shopify/polaris and include the css with:

import '@shopify/polaris/build/esm/styles.css';

BYOB - Build Your Own Bundles, SPO - SEO App to research keywords & edit social link preview