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
0
votes
0 answers
In a react project, when using formik and @shopify/polaris, my TextField; cannot be typed by users
In a react project, when using formik and @shopify/polaris, when I use a TextField; My TextField is not typeable. That is, the user cannot enter a value in it or change its value.
Dear friends, I would be grateful if you could help me.
my…
MEHDIRA
- 83
- 6
0
votes
0 answers
'motion' is not exported from '@shopify/polaris-tokens'
@shopify/polaris upgrade to v-10
I have upgraded @shopify/polaris to latest version (10.40.0) and run few migration scripts. my code is being compiled locally But while making build from production it gives following error
Attempted import error:…
Sabir
- 179
- 3
0
votes
0 answers
Adding a custom attribute to products in Shopify app and reflect attribute on product page
I have created an app on Shopify that lists the existing products of the user. The user can select a product and enter a string specific to the selected product. The string is a link that will lead them to another website. When they are done and…
Alien13
- 558
- 3
- 8
- 30
0
votes
0 answers
How to use Shopify Polaris modal without ReactJS?
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…
Danish Ansari
- 1
- 1
0
votes
1 answer
Navigating using Polaris Link in Shopify Embedded App
I am building a Shopify embedded app with Polaris and React with file-based routing and I'm trying to navigate to a page inside the app when I click on a Link inside a table. I tried several methods and none seem to work.
PolarisProvider.jsx
import…
Vladan Mikic
- 63
- 7
0
votes
1 answer
How do you use fetch insde of React's useCallback hook?
I am constantly receiving the following error -- how do I properly use the useAuthenticatedFetch method within the useCallback hook? For those not familiar with Shopify, the useAuthenticatedFetch method returns the native JS fetch method.
Error:…
pyRabbit
- 803
- 1
- 9
- 33
0
votes
0 answers
Using Formik on IndexTable with editable fields
I am trying to come up with a list that has an editable Quantity field. Here's what I have now.
As you can see, I'm unable to map the Quantity field. The values there comes from Shopify's ResourcePicker. It does not have a quantity so I manually…
ericute
- 144
- 1
- 2
- 15
0
votes
2 answers
How to wrap text in Polaris Index Table cell?
am using Polaris Index Table to display some data in my Shopify app. One of the cells in my table has a long string of text and I want to make it wrap so that it fits the size of the screen. Is there a way to do this in Polaris?
Here is my…
Delfine Umaku
- 1
- 1
0
votes
1 answer
How to import Beta components in Shopify Polaris
I have not been able to access the new Text component offered by the Shopify Polaris library. I am getting the following import error:
The requested module '/node_modules/.vite/deps/@shopify_polaris.js?v=e5492b37' does not provide an export named…
Rage
- 870
- 9
- 27
0
votes
0 answers
Polaris AppProvider breaking the page styles
I am using Polaris components inside Shopify store but the AppProvider is breaking the existing styles of Shopify store. When i try to render normal react component that is working fine but when i use Polaris component which i have to wrap inside…
Shubh
- 1
- 1
0
votes
2 answers
Adding JSX Element as a Property
I am trying to create Tabs and have JSX Components dynamically placed into each Tab as content. I am using React and Polaris as I am creating a new Shopify App.
I cannot seem to work out how to do this - I am very new to Javascript/Typescript and…
apexmart
- 3
- 1
0
votes
0 answers
Shopify Polaris: handleSelectionChange's SelectionType.Single is not working in IndexTable
I want to make IndexTable's checkbox a single selection. And I implemented it like the one below, but the checking is not working properly. I mean I can select one element, but I can't change the selection when I click another element. Also, the…
user42195
- 419
- 4
- 16
0
votes
0 answers
cannot import files from @shopify/polaris installed from github by tag
Installed source of shopify/polaris package from github using command
yarn add git+https://github.com/Shopify/polaris#6.4.0
and when I import files from package i get errors
import "@shopify/polaris/src/styles/_common.scss";
import { Button }…
0
votes
1 answer
How to upgrade Polaris?
I have Shopify Polaris v6 installed, I checked the version accessing the import below and the file is saying v6.4.
import '@shopify/polaris/dist/styles.css';
How could I update my Shopify app to use Polaris v9?
Rafael Corrêa Gomes
- 1,751
- 1
- 22
- 31
0
votes
1 answer
Shopify Polaris: How to make an item active in ActionList?
I have an ActionList with some contents.
I want to make active: true when an item is clicked.
And I'm struggling how to do it using Shopify Polaris's ActionList.
I could get the index which I clicked. But I'm not sure how to use the index to an…
user42195
- 419
- 4
- 16