How to wrap text in Polaris Index Table cell? – Shopify
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…
Adding JSX Element as a Property – Shopify
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…
Why does my array keep outputting [object]? – Shopify
I am trying to use a forEach loop to return a component for each item in an array. However, when my react app loads it just returns [Object] over and over again. Why is this and how do I fix…
How can I implement not only one but multi setting toggles? – Shopify
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 values(contentStatus, textStatus) like below the sandbox A,B,C... import React, { useCallback, useState }…
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 index.js to loading another page. I am…
Clickable row with Shopify Polaris DataTable
Is there any way to make the rows of a Shopify Polaris DataTable to be clickable?
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 toast.…
How to open and close Shopify Polaris Modal using App-Bridge
I'm using Shopify Polaris @3.4.0 and App-Bridge @1.0.3. Also used shopify-node-app as a starting. I initialize app-bridge by passing apiKey and shopOrigin values like so: <AppProvider apiKey={apiKey} shopOrigin={shopOrigin} <Switch> <Route exact path='/admin' component={Dashboard} /> </Switch> </AppProvider> In my Dashboard component…
Polaris Shopify Error when I import style.css
I get a compilation error when I import "@shopify/polaris/styles.css"; This is a picture of the error: But whenever I go in to the styles.css, and do a search for the line that errors out, it doesn't find it so it…
polaris shopify import css issue
when I try to import styles.css from App.js like this import React from 'react'; import {render} from 'react-dom'; import * as PropTypes from 'prop-types'; import {AppProvider, Page, Card, Button} from '@shopify/polaris'; import '@shopify/polaris/styles.css'; // << issue import SettingsForm from './SettingsForm';…