Pluggable design system base on Ant Design
English | 中文
- Install
yarn add @panda-design/components- Inject styles
import {appendStyle} from '@panda-design/components';
appendStyle();
// And if you don't want some style
appendStyle({injectAll: false, inject: {Button: true}});- Build your application above
Antd&Panda Design
import {Button} from 'antd'; // with style injected
const App = () => {
return <Button type="primary">OK</Button>;
};- Enjoy the syntax sugar of
Panda Design
import {Button} from '@panda-design/components';
const App = () => {
return <Button type="primary" disabled disabledReason="Primission Denied">OK</Button>;
};see StyleGuide made by this package
also you may clone
git clone [email protected]:panda-design-team/panda-design-team.github.io.git
cd panda-design-team.github.io
yarn
yarn startFeel free to raise issues and PR.