README-zh_CN.md

Panda Design

Panda Design: 基于 Ant Design 的可插拔设计系统。

English | 中文

Get Started

• 安装

yarn add @panda-design/components

• 注入样式

import {appendStyle} from '@panda-design/components';

appendStyle();
// 如果你不需要某些样式
appendStyle({injectAll: false, inject: {Button: true}});

• 使用 Antd 和 Panda Design 构建你的应用

import {Button} from 'antd'; // with style injected

const App = () => {
    return <Button type="primary">OK</Button>;
};

• 享受 Panda Design 带来的语法糖

import {Button} from '@panda-design/components';

const App = () => {
    return <Button type="primary" disabled disabledReason="Primission Denied">OK</Button>;
};

文档

查看由此组件库构建的 Panda Design 设计规范

你也可以下载到本地

git clone git@github.com:panda-design-team/panda-design-team.github.io.git
cd panda-design-team.github.io
yarn
yarn start