Yoshino - 基于 React 的 PC UI 组件库
Yoshino 是一个基于 React 构建的 PC 界面组件库。它提供了丰富的组件,包括按钮、表单、布局等,并具有高度可定制性和易用性。
特性
- 支持 TypeScript,并提供完整的类型定义
- 使用 CSS-in-JS 方案(JSS),易于定制主题样式
- 提供多种语言支持,包括中文、英文等
- 高质量的代码实现和文档
安装
使用 npm 安装:
--- ------- ------- ------
或者使用 yarn 安装:
---- --- -------
使用
引入样式
在应用程序中引入样式文件 yoshino.min.css
:
----- ---------------- ------------------------------------------------------
引入组件
以 Button 组件为例,在需要使用的地方引入:
------ - ------ - ---- ---------- ------------- ------------
自定义主题
可以通过覆盖默认主题的方式来自定义样式。以全局修改按钮的背景色为例:
------ - ------------- - ---- ---------- ------ - -------------- - ---- --------------------------- ----- ----- - ---------------- ---------- - -------- - ----- - ---------------- ---------- ---------- - ---------------- ---------- -- -- -- -- --- -------------- -------------- ------------- ------------ ----------------
示例代码
以下是一个简单的表单示例,包括输入框、下拉选择框和提交按钮:
------ - ----- ------ ------- ------ - ---- ---------- ----- ------- - - - ------ ------ ------ -------- -- - ------ ------ ------ -------- -- - ------ ------ ------ -------- -- -- ------ ------ ----------- --------------- -------- -- ------- ---------- ------------- ----------------- -- ------- ------------------------- -------
总结
Yoshino 是一个功能强大且易于使用的 PC 界面组件库,它提供了丰富的组件和主题定制功能,可以帮助开发者更快速地构建 Web 应用程序。如果你正在寻找一个好用、高质量的 UI 组件库,不妨试试 Yoshino。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/40097