Stack Overflow
Stack Overflow

Questions tagged [polaris]

Polaris is a react library provided by Shopify to keep the third party app User Interfaces consistent with the admin theme in Shopify shops.

98 questions
2
votes
0 answers

Nextjs: render content based on sidebar choice

I have started playing a bit with Shopify Polaris, in particular, the Frame layout: https://polaris.shopify.com/components/structure/frame What is not clear to me is that in the example provided by Shopify the sidebar, when an item is clicked,…
sanna
  • 1,398
  • 5
  • 16
  • 24
2
votes
1 answer

Getting client side routing working with Shopify app-bridge-react

I'm working with an embedded React Shopify app (bootstrapped with create-react-app). I'm trying to follow the docs for the ClientRouter component in app-bridge-react: https://shopify.dev/tools/app-bridge/react-components/client-router but I'm fairly…
Keith Brewster
  • 3,302
  • 2
  • 21
  • 28
2
votes
1 answer

What is this string for a SVG icon and how do I get it?

I am using this NPM package @eastsideco/polaris-vue from here. Its basically a way to use Shopify's Polaris framework but instead of React you can use Vue.js. Which is what I want. One issue I'm having is the Shopify Icons. Here in the example page…
ToddT
  • 3,084
  • 4
  • 39
  • 83
2
votes
0 answers

Shopify polaris maintain height ratio of Card in Layout

I'm using shopify polaris to create my shopify app and I'm trying to use the Layout component along with the Card component to properly structure the page. So right now, I have two cards inside of a but the problem is, since the two cards…
tee
  • 1,286
  • 2
  • 19
  • 35
2
votes
0 answers

How to use Polaris

Recently, a lot of sites have published about Polaris: Polaris: Faster Page Loads Using Fine-grained Dependency Tracking [...] We introduce Polaris, a dynamic client-side scheduler that is written in JavaScript and runs on unmodified browsers;…
falsarella
  • 12,217
  • 9
  • 69
  • 115
1
vote
0 answers

SubNavigationItems (Shopify/Polaris) reload the page onClick

How can i prevent reloading page when clicking on the one of SubNavigationItems? As i'm using shopify/polaris I came across such an issue, when I click on the subNavaigtionItem, the page reloads. This does not happen when I simply switch between…
Andriy Yurchuk
  • 11
  • 1
1
vote
1 answer

How to use tailwind classes in react @shopify/polaris

Im new in react, im using tailwind + @shopify/polaris, but tailwind classes not working in this library. here is my code: /** App.css */ @tailwind base; @tailwind components; @tailwind utilities; *, body { margin: 0; padding: 0; …
Kamal
  • 11
  • 5
1
vote
0 answers

Polaris CSS to open Popover using jQuery

I'm using Shopify Polaris CSS framework but I do not use React, I want to use jQuery. I have this html:
…
Aleks Per
  • 1,549
  • 7
  • 33
  • 68
1
vote
1 answer

Type '{ children: never[]; title: string; content: Element; }' is not assignable to type 'IntrinsicAttributes & { title: any; }'

I am working on react website in typescript. I am using polaris wizard component, for that I have made on custom component called in which want to pass two arguments. but when I am calling that component in wizard.tsx , I am getting below error in…
dazzyCrazzy
  • 31
  • 5
1
vote
1 answer

Collapse / Accordion auto closing when click on the child element Actions

Accordion / Collapse is closing automatically when clicked on the child element Button. How can it be prevented ? Sandbox: https://codesandbox.io/s/restless-tdd-9qzmb3?file=/src/App.js export default function App() { const [accordion,…
MrNoob
  • 21
  • 2
1
vote
0 answers

Polaris IndexTable dynamic data

I'm very new to Polaris/Shopify and need some help with a problem. I'm using to create a list of offers for our store, which uses promotedBulkActions. These are all working fine and the API calls are happening as expected. My problem…
Anthony Earles
  • 11
  • 1
1
vote
0 answers

Polaris Table looping through objects + Typescript

In a react typescript application ,I have a polaris table .In columnDefinition,How to get the value of "Key" which is an array inside an object { name: "Item 1", alt: "First", parentObj: { innerObj: { …
Sangeetha
  • 13
  • 3
1
vote
1 answer

How to set spacing and/or padding on Shopify Polaris ButtonGroup

I've checked the documentation and there is a prop called "spacing" for the ButtonGroup component in Shopify Polaris. It has "spacing" listed as the type to pass in (compared to boolean, text, etc.). I've tried passing…
Jacob
  • 153
  • 3
  • 14
1
vote
0 answers

How to add shopify polaris components with react when using python flask for the server side?

I am trying to use shopify polaris on my embedded shopify app I started with flask. I have no issue adding the css polaris components but would like the react version as it seems a lot easier. My app is authentificating the store via flask with a…
Jeremie Houet
  • 253
  • 3
  • 10
1
vote
2 answers

How can I implement not only one but multi setting toggles?

I use Shopify Polaris's setting toggle.https://polaris.shopify.com/components/actions/setting-toggle#navigation And I want to implement not only one but multi setting toggles.But I don't want to always duplicate same handleToggle() and…
user42195
  • 419
  • 4
  • 16
1
2
3 4 5 6 7