A Design System with React.
- React 16+
- Typescript
- Sass
- UI Development Environment with React Storybook
- Documentation With Gatsby (WIP)
Add in package.json
yarn add wizard-ui
# css loader
yarn add --dev style-loader css-loader
# react bootstrap font dev
yarn add --dev url-loader file-loaderif you not use create-react-app, you need set webpack config:
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
]
},
{
test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/,
use: ['file-loader']
},
{
test: /\.(png|woff|woff2|eot|ttf|svg)$/,
use: 'url-loader?limit=100000'
}import 'wizard-ui/lib/style/index.css';UMD
import { Icon } from 'wizard-ui';
export default () => <Icon type="icon-star-fill-16" />ES
import { Icon } from 'wizard-ui/esm';
export default () => <Icon type="icon-star-fill-16" />- nvm
- node@v16.15.0
# run storybook dev
npm run storybook
# build storybook dist
npm run build-storybook
npm publish --registry=https://registry.npmjs.org/
- [ ] remove node-sass, add sass
- [ ] upgrade rc-tree
- [ ] add rc-pagination, refactor the Pagination Component