Polaris "markup and associated classes" for css-only?

Highlighted
Excursionist
17 0 0

I'm trying to use the CSS-only Polaris option to create a bulk-edit like page.

However, I can't find the documentation on what markup and associated classes I can use to get the look:

https://github.com/Shopify/polaris-react#using-the-css-components

Screen Shot 2019-12-07 at 6.42.21 PM.png

 

Can someone point me to the docs?

0 Likes
Highlighted
Shopify Staff
Shopify Staff
1006 131 152

Hey @PhilippW,

 

Here's a list of components: https://polaris.shopify.com/components/get-started#navigation

 

You can toggle between React & HTML sample code to view classes:

 

10-04-o182c-0pc8m(1).jpg

0 Likes
Excursionist
17 0 0

Hi @scottydont ,

 

Thanks for your reply. 

I can't quite get it to work Properly for Select elements. for example if I add the class "Polaris-Select__Input" just like shown in the documentation you pointed out:

Screen Shot 2019-12-14 at 5.51.05 PM.png

 

My select element just disappears. 

If I copy all the html around it, it shows up but is stuck saying "Today" since that is the passed option here.

Screen Shot 2019-12-14 at 6.01.11 PM.pngScreen Shot 2019-12-14 at 6.02.08 PM.png

All in all it's not a workable solution unless I am doing something wrong still?

0 Likes
Highlighted
Shopify Staff
Shopify Staff
1006 131 152

Hey @PhilippW,

 

If you're not using the React components you'll need to take care of the JavaScript yourself.

0 Likes