UNPKG

ideaz-element

Version:

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

naivesteven.github.io/ideaz-element/

78 lines (50 loc) β€’ 6.86 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<p align="center"> <a href="https://github.com/NaiveSteven/ideaz-element" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="300" height="90" style="width: 300px;height: 90px" /> </a> </p> <p align="center"> Highly customizability, full TypeScript and TSX, performance pretty good </p> <p align="center"> If you have created any awesome thing with Ideaz Element and would like to showcase it on the official website, you can contact me. If you would like to contribute code, you are very welcome! </p> **English** | [δΈ­ζ–‡](./README.zh-CN.md) Ideaz Element provides a series of out-of-box components. This library is written using **composition API**, and the components are designed and uses Hooks as much as possible to write code logic, with full **TypeScript** and **TSX** support. Meanwhile, the component code pays great attention to reducing the threshold of **source code reading**, and the code layout is as close as possible to the habits of daily business code, avoiding fancy and showy code. Currently, there are **10+** components, Very suitable for middle and back office business development. A **low-code tool** based on ideaz-element is also available. ## Features - πŸ“¦ 10+ out-of-box high quality Vue 3 components - πŸ“ Intuitive, minimalistic Api design - πŸ”§ Configurable default value of props, quickly complete global/local modifications - ⚑ Composition Api, good performance base - πŸ”¨ With TypeScript and TSX, fully types - πŸ’ͺ complete unit tests to provide good stability - 🚩 Support i18n - πŸ‘€ Close to business code arrangement, low source code reading threshold - 🩹 It is suitable for middle - and back-office services ## Install It is recommended to use pnpm or yarn to install: ```sh # use pnpm pnpm add ideaz-element # use yarn yarn add ideaz-element ``` ## Documentation [Here](https://naivesteven.github.io/ideaz-element/) you can view the online document. ## Reference Low code tool based on ideaz-element. [ideaz-lowcode](https://naivesteven.github.io/ideaz-lowcode/) <img src="https://github.com/NaiveSteven/ideaz-lowcode/raw/main/packages/playground/src/assets/screenshot.png" alt="ideaz-lowcode" /> ## Help Open a [issue](https://github.com/NaiveSteven/ideaz-element/issues) to request help. ## Environment All components supported in modern browsers, I try to ensure the support of nearly two or three versions. | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24" height="24" />](http://godban.github.io/browsers-support-badges/)<br/>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24" height="24" />](http://godban.github.io/browsers-support-badges/)<br/>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24" height="24" />](http://godban.github.io/browsers-support-badges/)<br/>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24" height="24" />](http://godban.github.io/browsers-support-badges/)<br/>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24" height="24" />](http://godban.github.io/browsers-support-badges/)<br/>iOS Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24" height="24" />](http://godban.github.io/browsers-support-badges/)<br/>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24" height="24" />](http://godban.github.io/browsers-support-badges/)<br/>Electron | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | ## License All in [MIT](./LICENSE.md) license.