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 Haste 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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent