Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wflixu/today-ui
vue3 overlay componet such as tooltip dropdown menu contextmenu modal power by floating-ui
https://github.com/wflixu/today-ui
component ui-components uilib vue3 vuejs3
Last synced: 2 months ago
JSON representation
vue3 overlay componet such as tooltip dropdown menu contextmenu modal power by floating-ui
- Host: GitHub
- URL: https://github.com/wflixu/today-ui
- Owner: wflixu
- License: mit
- Created: 2018-04-01T15:17:25.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2024-08-19T07:37:04.000Z (5 months ago)
- Last Synced: 2024-09-19T10:47:57.585Z (4 months ago)
- Topics: component, ui-components, uilib, vue3, vuejs3
- Language: TypeScript
- Homepage: https://wflixu.github.io/Today-UI/
- Size: 2.47 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Today-UI
想单独使用vue3 相关弹框类组件（tooltip,dropdown, menu, context,modal,confirm），不想引入一整个组件库,可以使用本组件库，本组件库准备做小而美的关于弹出层 vue3 组件库。
Today-UI 样式按 Fluent Design 实现的，[Fluent Design](https://fluent2.microsoft.design/get-started/design) 是微软出的设计规范，更适合桌面应用开发。
## 依赖
主要依赖 @floating-ui/vue。@floating-ui/vue 主要是对 @floating-ui/dom 的一个封装，@floating-ui/dom 是一个很好用的浮动元素的库，官方实现了 @floating-ui/react-dom。
## 计划
- [x] 第一个组件tooltip ，测试发包。
- [x] 组件dropdown ，测试发包。
- [x] 组件 file-tree ，测试发包。
- [ ] 完善组件和样式
- [ ] 添加测试用例
- [ ] 发布正式版
## 使用
### 安装
```
# npm
npm install today-ui
# yarn
yarn add today-ui
# pnpm
pnpm add today-ui
```
### 示例
```
import TodayUI from 'today-ui';
const app = createApp(App)
app.use(TodayUI);
component tooltip
test button
import { defineComponent } from 'vue'
export default defineComponent({
setup() {
return {}
}
})
```
## 文档
[文档链接](https://wflixu.github.io/Today-UI/?path=/docs/%E7%BB%84%E4%BB%B6%E5%BA%93%E4%BB%8B%E7%BB%8D--docs)
## 参与
感兴趣的小伙伴，可以一块共同开发，或有什么想法，欢迎提issue