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>;wix-style-reactworks best when Haste is used as build tool. If you do not use it, read webpack setup instructions here;- Ensure
<body>has eitherltrorrtlclass applied to it (depending on the displayed language); - To enable font smoothing, use browser specific css properties, for example:
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
- Make use of storybook demo page which includes all available components with interactive examples.
Please refer to the Testing page
Please refer to the Contribution page
This project is offered under MIT License.