https://github.com/xboxyan/xy-ui

🎨面向未来的原生 web components UI组件库
https://github.com/xboxyan/xy-ui

custom-elements giscus html5 javascript keyboard shadow-dom ui-components ui-library web-components webcomponents xy-ui

Last synced: 2 days ago
JSON representation

🎨面向未来的原生 web components UI组件库

• Host: GitHub
• URL: https://github.com/xboxyan/xy-ui
• Owner: XboxYan
• License: mit
• Created: 2016-07-05T13:26:03.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-08-14T05:47:27.000Z (about 1 year ago)
• Last Synced: 2024-09-30T02:41:29.346Z (2 days ago)
• Topics: custom-elements, giscus, html5, javascript, keyboard, shadow-dom, ui-components, ui-library, web-components, webcomponents, xy-ui
• Language: JavaScript
• Homepage: https://xy-ui.codelabo.cn/
• Size: 12.9 MB
• Stars: 1,191
• Watchers: 17
• Forks: 161
• Open Issues: 59
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# xy-ui

[![NPM version](https://img.shields.io/npm/v/xy-ui.svg?color=red)](https://www.npmjs.com/package/xy-ui)

![npm](https://img.shields.io/npm/dw/xy-ui)

![npm](https://img.shields.io/npm/dt/xy-ui)

[![GitHub stars](https://img.shields.io/github/stars/XboxYan/xy-ui.svg?color=#42b983)](https://github.com/XboxYan/xy-ui/stargazers)

[![GitHub stars](https://img.shields.io/github/forks/XboxYan/xy-ui.svg)](https://github.com/XboxYan/xy-ui/network/members)

`xy-ui`是一套使用原生`Web Components`规范开发的跨框架UI组件库。[查看文档](https://xy-ui.codelabo.cn/docs)

[github项目地址](https://github.com/XboxYan/xy-ui)



## 公告

正在进行升级 2.0 中

> 以下命令仅用于文档编写，不参与组件构建

旧版本可查看分支：https://github.com/XboxYan/xy-ui/tree/release-2022

```

yarn

yarn docs:dev

```

## TODO

- [x] button 按钮

- [x] icon 图标

- [x] tips 提示

- [x] loading 加载

- [x] popover 悬浮

- [x] switch 开关

- [x] slider 滑动输入

- [x] checkbox 多选框

- [x] radio 单选框

- [x] rate 评分

- [x] popconfirm 确认弹出框

- [ ] select

- [ ] datelist

- [x] dialog

- [x] message

- [x] progress

- [ ] pagination

- [ ] input

- [ ] textarea

- [ ] form

- [ ] img

- [ ] color-picker

- [ ] date-picker

- [ ] text