Panda Design

Pluggable design system base on Ant Design

English | 中文

Get Started

• 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>;
};

Docs

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 start

Contribute

Feel free to raise issues and PR.