https://github.com/shop3/polaris-strapi
Collection of Polaris components ready to use with Strapi in Shopify applications.
https://github.com/shop3/polaris-strapi
polaris react shopify strapi
Last synced: 9 months ago
JSON representation
Collection of Polaris components ready to use with Strapi in Shopify applications.
- Host: GitHub
- URL: https://github.com/shop3/polaris-strapi
- Owner: shop3
- License: mit
- Created: 2022-05-12T11:03:17.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-29T07:21:30.000Z (over 2 years ago)
- Last Synced: 2025-03-11T02:26:08.040Z (9 months ago)
- Topics: polaris, react, shopify, strapi
- Language: TypeScript
- Homepage: https://shop3.github.io/polaris-strapi/
- Size: 3.1 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Shop3 Polaris Strapi
Collection of Polaris components ready to use with Strapi in Shopify applications.
## Installation
```bash
npm install --save @shop3/polaris-strapi
```
## Storybook
Components are documented in Storybook at https://shop3.github.io/polaris-strapi/
# Usage
## Strapi Edit
```jsx
import { Card } from '@shopify/polaris';
import { StrapiEdit } from '@shop3/polaris-strapi';
const App = () => {
return (
{/* text input */}
{/* text input */}
{/* number input */}
{/* media input */}
{/* enum input */}
);
};
```
## Strapi List
```jsx
import { TextContainer } from '@shopify/polaris';
import { StrapiList, StrapiListFilter, StrapiListItem, StrapiListText } from '@shop3/polaris-strapi';
const App = () => {
return (
}
>
);
};
```
## Strapi Show
```jsx
import { Card, Layout } from '@shopify/polaris';
import { StrapiShowPage, StrapiShowText } from '@shop3/polaris-strapi';
const App = () => {
return (
);
};
```
# Development
## Installation
```bash
npm install
npm run husky:install
```
## Development
```bash
npm run develop
```