avada-components-seoon

Avada Components

A collection of React components built with Shopify Polaris for company-wide app usage.

Installation

# Using yarn
yarn add avada-components-seoon

# Using npm
npm install avada-components-seoon

Components

SeoScore

A component for displaying SEO performance metrics and issues for a Shopify store.

import { SeoScore } from 'avada-components-seoon';

function App() {
  return (
    <SeoScore
      type="widget" // or "banner"
      shop={{
        shopifyDomain: 'my-store.myshopify.com',
        // other shop properties...
      }}
    />
  );
}

Props

Prop	Type	Required	Default	Description
type	'widget' | 'banner'	No	'widget'	Display style of the SEO score
shop	Shop	Yes	-	Shop information object

TypeScript Support

This package is written in TypeScript and includes type definitions. You'll get full type support when using the components:

import { SeoScore, type SeoScoreProps } from 'avada-components-seoon';

// Props will be type-checked
const props: SeoScoreProps = {
  type: 'widget',
};

function App() {
  return <SeoScore {...props} />;
}

Contributing

• Fork the repository
• Create your feature branch (git checkout -b feature/amazing-feature)
• Commit your changes (git commit -m 'Add some amazing feature')
• Push to the branch (git push origin feature/amazing-feature)
• Open a Pull Request

License

ISC