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

栏目: 服务器 · 发布时间: 6年前

内容简介:Yoshino本质上类似于Hexo,不同的主题组件类似于Hexo的各种theme,hexo官方仅提供了一套工具以及一个基础主题,Yoshino也是如此。开发者只需要结合而不同主题的Yoshino需要开源社区完成,官方提供类似的yoshino-theme-site来展示不同的主题,类似于

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>
  )
}
复制代码

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Web信息架构(第3版)

Web信息架构(第3版)

Peter Morville、Louis Rosenfeld / 陈建勋 / 电子工业出版社 / 2008年8月 / 85.00

本书涵盖了信息架构基本原理和实践应用的方方面面。全书共7个部分,包括信息架构概述、信息架构的基本原理、信息架构的开发流程和方法论、信息架构实践、信息架构与组织、两个案例研究,以及参考资料清单。 本书兼具较高的理论价值和实用价值,曾被Web设计领域多本书籍重点推荐,是信息架构领域公认的经典书,不论新手还是专家都能各取所需。本书可供Web设计与开发者、Web架构师、网站管理者及信息管理相关人员参......一起来看看 《Web信息架构(第3版)》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具