开源项目
我在 2023 年做的 UI 组件库
这是 Sergei Solod 在 2023 年、AI 热潮之前做的开源 UI 组件库。你可以在这里看到我长期用于真实项目的界面组件、多语言演示，以及这个项目本身。
为真实项目而做
这不是自动生成的展示页，而是我自己长期用于真实项目的前端组件库，包含表单、按钮、模态框、表格、图表、日历、导航和文件上传等常见模式。之后我把它整理进 JSVar 并开源。
输入字段
带有验证的文本、文本区域、电话、电子邮件和密码字段。
按钮
主要、次要、紧凑、禁用和自定义样式的操作。
选择字段
普通值和对象数组的单选和多选。
加载中
阻止异步操作的加载状态。
手风琴
可扩展的内容块，具有一次打开一次的行为。
留言
带有确认操作的成功和错误消息。
莫代尔
带有明确接受和取消流程的确认对话框。
分页
具有有限上一个和下一个控件的可编辑页面输入。
开关
紧凑的布尔控制，用于简单的产品设置。
弹出面板
用于辅助详细信息和上下文阅读的弹出面板。
语言
围绕 JSVar 的 21 种语言环境元数据构建的语言选择器演示。
表格
基本表格、行详细信息和密度热图。
图表
堆叠图、分组图、混合图、折线图、面积图和饼图演示。
日历
配对开始值和结束值的本地化日期选择。
文件拖放
拖放文件目标以及匹配的上传操作。
导航
来自同一部分模型的模块内部分导航。
存根
未完成或视口限制状态的保护覆盖。
展示柜
组件游乐场
使用侧边栏浏览每个组件系列并测试移植的行为。
当前部分
01/17输入字段
带有验证的文本、文本区域、电话、电子邮件和密码字段。
当前部分
输入字段
带有验证的文本、文本区域、电话、电子邮件和密码字段。
字符: 0/1000
标准场
该字段包含无效值。
检查模糊
有域名建议
10+ 个字符、大小写混合、数字、符号