wix-style-react is a collection of React components that conform to Wix Style created by Wix UX guild.
- Install with
npmoryarn:
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>;- Load Wix fonts from CDN
<link rel="stylesheet" href="//static.parastorage.com/services/third-party/fonts/Helvetica/fontFace.css">
- Ensure
<body>has eitherltrorrtlclass applied to it (depending on displayed language);
- Use Yoshi as build tool to avoid configuration. Otherwise follow webpack setup instructions here
- Enable font smoothing with browser specific css properties, for example:
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
- Use demo pages to find all available components with examples.
Please refer to the Contribution page
Please refer to the Testing page
This project is offered under MIT License.