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>
  )
}