Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

zelda-rc

fantienan20MIT0.5.18TypeScript support: included

React components library

Component, UI, React, storybook, ant design

readme

欢迎来到 zelda-rc 组件库

这是基于Storybook + react + antd技术栈开发的组件库, 对ant design进行二次封装,致力于满足公司对ant design组件的个性化设置。

📦 安装

npm install zelda-rc --save-dev

或者

yarn add zelda-rc -dev

🔨 示例

import React, {useState} from "react"
import {Modal} from "zelda-rc"
import {Button} from "antd"

export default () => {
    const [visible, setVisible] = useState(false)
    return <div>
        <Button onClick={() => setVisible(true)}></Button>
        <Modal
            visible={visible}
            title="标题"
        >
            我是弹窗
        </Modal>
    <div>
}

引入样式

import "zelda-rc/es/modal/style/index.css"; // 或者 "zelda-rc/es/modal/style/indexless"

支持按需加载

babel: {
    plugins: [
        [
            "import",
            {
                "libraryName": "zelda",
                "libraryDirectory": "dist/es",
                "style": "css" // true
            }
        ]
    ],
}