Common React UI components for all Wix verticals developing in React

wix-style-react

wix-style-react is a collection of React components that conform to Wix Style created by Wix UX guild.

Setup

  • Install with npm or yarn:
npm i wix-style-react
# OR
yarn add wix-style-react
  • Use in your project:
import React from 'react';
import Button from 'wix-style-react/Button';

const MyComponent = () =>
  <Button onClick={() => console.log('thanks for clicking :)')}>
    Click me!
  </Button>;

Requirements

  • Load Wix fonts from CDN
    <link rel="stylesheet" href="//static.parastorage.com/services/third-party/fonts/Helvetica/fontFace.css">
    
  • Ensure <body> has either ltr or rtl class applied to it (depending on displayed language);

GitHub