@virtuvent/wix-style-react v3.9688.0
📦 Install
npm install wix-style-react
yarn add wix-style-react
🔨 Setup
wix-style-react is built with Stylable, therefore we recommend you build your project using a Stylable compatible template in order to save some configurations. Take a look at our usage guide Create Stylable App to create a new Stylable project from a boilerplate.
Requirements
wix-style-react requires react version 16.13.1
and up.
For typescript users version ^3.9.7
is required.
Browsers support
- Google Chrome (version 76 and above)
- Safari for Mac (version 12 and above)
- Microsoft Edge (version 18 and above)
- Firefox (version 72 and above)
How to load wix-style-react compatible fonts:
Load Wix fonts from CDN:
- For Madefor font please visit wix-fonts.
- For Helvetica Neue:
Enable font smoothing with browser specific css properties:<link rel="stylesheet" href="//static.parastorage.com/services/third-party/fonts/Helvetica/fontFace.css" />
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
🚀 Usage
import { Button } from 'wix-style-react';
const App = () => (
<Button>
Click me!
</Button>
);
💫 Testkits
All our components are provided with testkits that help our users test them.
A component testkit provides an interface to the component, enabling automated tests to access component functions without needing to know precise details of the technology being used.
// Here is an example
// 1. import
import { InputTestkit } from 'wix-style-react/dist/testkit';
// 2. initialize
const inputDriver = InputTestkit({
wrapper: document.body,
dataHook: 'name-input',
});
// 3. interact
it('test', async () => {
await inputDriver.enterText('hello world');
expect(await inputDriver.getText()).toBe('hello world');
});
All methods are documented in our storybook components stories and some can be viewed through typescript interface.
Our testkits currently support four major testing frameworks:
react-jsdom
, protractor
, puppeteer
and selenium
. Read our
testing
guidelines
⌨️ Typescript
The library is javascript based but types are supported with d.ts
files.
You should get the types automatically when installing wix-style-react
.
For any issues, check out our types
FAQ
🤝 Contributing 
We welcome contributions to Wix-Style-React!
Read our contributing guide and help us build or improve our components.
🙋 Support
Check out our support guide
📝 License
This project is offered under MIT License.
8 months ago
10 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago