Polaris is a react library provided by Shopify to keep the third party app User Interfaces consistent with the admin theme in Shopify shops.
Questions tagged [polaris]
98 questions
5
votes
2 answers
How to use the new @Shopify/app-bridge with @Shopify/polaris-react
Shopify recently released their new @shopify/app-bridge, but it is unclear to me how it should be used alongside @shopify/polaris.
For example, I have tried to make a React component that will use the app-bridge and polaris to display a…

chadhamre
- 607
- 7
- 12
5
votes
2 answers
Modifying Shopify Polaris Styles - Reactjs
I am trying to modify Shopify Polaris Button components colors for React, I tried to change style.css file but nothing happened.
Any idea how to do so?
App.js
import React, { Component } from 'react';
import '@shopify/polaris/styles.css';
import…

Noman Ali
- 3,160
- 10
- 43
- 77
4
votes
1 answer
What is the use of OAuth example in Polaris React App Bridge documentation?
Reading documentation here and the code snippet example. Is this meant to consistently check if the user is logged into the embedded app or used for the initial registration/login process?
Also, if I'm already using the AppProvider component, is…

Julian Flynn
- 318
- 1
- 2
- 8
4
votes
1 answer
How do I import Polaris React components?
I am brand new to frontend development, so I think this question is quite basic, but I have not been able to find the answer myself though.
I want to use the Shopify App Bridge which means using Polaris React components to create the UI for a…

Lull
- 365
- 3
- 14
4
votes
1 answer
How to use Shopify Polaris without ReactJS?
I'm creating Shopify embedded app using Shopify Polaris. I have to include a modal form in 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 form in the modal. I don't know how to do it. If…

Akshay Vaghasiya
- 1,597
- 9
- 36
- 60
4
votes
2 answers
Shopify - Get shop domain inside a app
I'm new to Shopify app developing and I'm using Node,Express for the back-end and react with polaris libaray.
My question is how to get the shop's domain the request is initiating throug h the app. When I searched I could only found one used in…
user8081170
3
votes
0 answers
How to display orders from Graphiql object in a Polaris DataTable
I'm working on an app that will list our open orders in shopify, so we can arrange them by delivery date. I have lots of experience in html and liquid coding, but am very new to app coding with polaris, and I'm struggling (understatement) to pass…

MR_TruB
- 31
- 1
3
votes
2 answers
Clickable row with Shopify Polaris DataTable
Is there any way to make the rows of a Shopify Polaris DataTable to be clickable?

Alexis
- 121
- 1
- 8
3
votes
1 answer
shopify/polaris react + rails how to customize 'more filters' button and sheet behavior?
technology:
react-rails gem v 2.4.7
react v 16.4.2
"@shopify/polaris": "4.2.1"
Problem:
I used the polaris Filters component to filter through a table of mine following the docs. My filters and table are similar to the 'Filtering with a data…

alisontague
- 319
- 1
- 4
- 14
3
votes
1 answer
Are links in Polaris embedded app supposed to not change url path?
I'm using Next.js with Polaris (from following their guide here). Using Link component imported from either Polaris or Next.js is not updating the url in the embedded app.
While the url path doesn't change, the view does change correctly (i.e. the…

Julian Flynn
- 318
- 1
- 2
- 8
3
votes
1 answer
How to use shopify polaris css components?
I want to use Polaris css components for my shopify app. I have go through their document https://polaris.shopify.com/components/get-started#navigation. As mentioned there I have include their css and html code for a component but some components…

sank
- 964
- 3
- 12
- 24
2
votes
1 answer
Side Navigation (Shopify Polaris Library) active item selection
I'm trying to show the active side navigation items in Shopify Polaris Navigation components.
Here I have tried in few ways, problem is when I'm clicking nav items 2 times then showing the currently active nav link!
Can you suggest me better…

Mihika Moon
- 31
- 2
2
votes
1 answer
RangeSlider component does not work inside Filter's shortcut in Polaris Library
I am using the Polaris library by Shopify to build an app. I am using RangeSlider with dual thumb for the filter.
However, when I add it as a shortcut inside my Filters, the slider does not work, i.e., I am not able to drag the ends of the…

user84950
- 21
- 3
2
votes
2 answers
Building a Shopify App - How to Load Different Pages?
I am using the Shopify CLI NodeJS tutorial to get started.
https://shopify.github.io/shopify-app-cli/app/rails/commands/#generate
I've been easily adding Polaris Components but I'm having trouble figuring out how to get my app to go from loading…

Nicholas Koskowski
- 793
- 1
- 4
- 23
2
votes
1 answer
Page component of @shopify/polaris throws No features were provided
I'm following the Shopify tutorial to create their basic app using React.js and Node.
import { Layout, Page, TextStyle } from '@shopify/polaris';
const Index = () => (
Sample app…

Aziz Thanawala
- 23
- 5