'Wix Style' is a common name to the different UX style libraries designed by the UX guild (for dashboard, settings, editor, and viewer). The wix-style-react package contains React implemenations for the different components in the style library.
Storybook can be seen here.
Storybook will allow you to see all the different components implemented, and the different usages of each one of them.
npm install
npm start
npm install --save wix-style-react
The files are brought 'uncompiled' and 'unpacked'. You will need to make sure webpack standard loaders run on this project by adding 'node_modules/wix-style-react/src' to your loaders' include array, for example:
{
test: /\.scss$/,
include:['node_modules/wix-style-react/src')],
loaders: [
'style-loader',
'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
'postcss-loader',
'sass-loader'
]
}
Please refer to the specific elements for code-based examples of how to use this library, e.g., Button
See the Storybook, and the story fields, for all the elements and the different parameters they receive.
Important: Make sure your body contains either the 'ltr' or 'rtl' class (dependent, of course, on the displayed language).
This project is currently still in initial development. It is advisable to be dependent on a specific version of this component for the time being.
Please refer the Testing page
Please refer the Contribution page
This project is offered under MIT License.