EDS React
A set of UI components written with React.
🔩 Install
npm install shopee-ui-react
🔰 Quick Start
import * as ShopeeUI from 'shopee-ui-react/dist/shopee-ui-react.min.js';
import 'shopee-ui-react/lib/theme-default/index.css';
import { ButtonProps } from 'shopee-ui-react';
or
import { ButtonProps } from 'shopee-ui-react/es/components/button/types';
import { Button } from 'shopee-ui-react';
import 'shopee-ui-react/es/theme-default/components/button/index.css';
也可以使用 babel-plugin-import 来实现按需加载
module.exports = {
plugins: [
[
'import',
{
libraryName: 'shopee-ui-react',
libraryDirectory: 'es/components',
customStyleName: (component) => `shopee-ui-react/es/theme-default/components/${component}/index.css`
}
]
]
}
import { Button } from 'shopee-ui-react';
↓ ↓ ↓ ↓ ↓ ↓ ↓
import Button from 'shopee-ui-react/es/components/button';
import 'shopee-ui-react/es/theme-default/components/button/index.css'
🤝 Contributing
Read our contributing guide.