Yoshino: 一个基于React的可定制化的PC组件库

Github: https://github.com/Yoshino-UI...

Docs: https://yoshino-ui.github.io/#/

Cli-Tool: https://github.com/Yoshino-UI...

安利一个本身写的组件库，欢迎你们指正，star来者不拒，pr也多多益善！

更多内容请移步Github, thanks!

设计思路

Yoshino本质上相似于Hexo，不一样的主题组件相似于Hexo的各类theme，hexo官方仅提供了一套工具以及一个基础主题，Yoshino也是如此。

开发者只须要结合yoshino-cli就能像配置Hexo主题同样输出不一样风格的组件。

而不一样主题的Yoshino须要开源社区完成，官方提供相似的yoshino-theme-site来展现不一样的主题，相似于hexojs/site

特性

• 使用TypeScript开发，提供d.ts文件帮助开发者提升开发速度
• 不一样项目开发前能够经过yoshino-cli根据项目ui规范进行定制化开发产出。

• 除了简单通用的ui组件，yoshino抽离出了一些易用性比较高的特效(功能)组件，例如

  • Helpers
  • Ripple
  • Transitions

安装

npm install yoshino

使用方法

import * as React from 'react';
import { Button } from 'yoshino';

export default function () {
  return (
    <div>
      <Button type="primary">Primary</Button>
      <Button>Default</Button>
      <Button type="dashed">Dashed</Button>
      <Button type="danger">Danger</Button>
    </div>
  )
}