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

Package detail

dragon-ui

JeromeLin520MIT1.0.0-alpha.30TypeScript support: included

基于 React 的桌面端UI库

react, react-ui, react-component, dragon, dragon-ui, component, components, ui, framework, frontend, web

readme

dragon-ui

基于React的UI组件库。

Install 安装

npm install dragon-ui --save

Usage 使用

  • 全组件引入
import { Button, Cell } from 'dragon-ui';
import 'dragon-ui/dist/dragon-ui.min.css';
  • 按需引入

方法一

使用 babel-plugin-import 自动加载Sass文件

  // .babelrc or babel-loader option
  {
    "plugins": [
      ['import', {
        libraryName: 'dragon-ui',
        style: true,
      }],
    ]
  }
import { Button, Cell } from 'dragon-ui';

方法二

import Button from 'dragon-ui/lib/Button';
import 'dragon-ui/lib/Button/style';

Examples & Docs 示例和文档

中文

License

MIT

changelog

版本更新日志

v1.0.0

  • Feature

    • 新增对typescript的支持。
    • 新增支持组件的 按需加载(可配合babel-plugin-import插件实现)
    • 新增Toast单例模式的应用。
  • Break Change

    • 调整主题样式变量名及引入方式,具体参考README使用帮助。
  • Bug Fix