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: 10 days 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 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T07:21:30.000Z (over 1 year ago)
• Last Synced: 2024-12-02T10:57:21.888Z (24 days 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

```