@xui/label 2.0.0-alpha.0 → 2.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +149 -4
- package/package.json +22 -4
package/README.md
CHANGED
|
@@ -1,7 +1,152 @@
|
|
|
1
|
-
|
|
1
|
+
<p style="font-size: 5rem; font-weight: 700; text-align: center">
|
|
2
|
+
<span style="color: #1f75cb">x</span>UI
|
|
3
|
+
</p>
|
|
2
4
|
|
|
3
|
-
|
|
5
|
+
---
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+

|
|
8
|
+
[](https://xuijs.org/)
|
|
9
|
+
[](https://www.npmjs.com/org/xui)
|
|
10
|
+
[](https://www.npmjs.com/org/xui)
|
|
11
|
+
[](https://www.npmjs.com/org/xui)
|
|
12
|
+
[](https://bundlephobia.com/result?p=xui)
|
|
13
|
+
[](/LICENSE)
|
|
14
|
+
[](https://discord.gg/aPkZsFcu)
|
|
15
|
+
[](https://app.netlify.com/sites/xui/deploys)
|
|
6
16
|
|
|
7
|
-
|
|
17
|
+
xUI is a customizable Angular 19 UI Library with full support of TailwindCSS styling based on popular React library ShardCN and its Angular alternative SpartanUI.
|
|
18
|
+
|
|
19
|
+
## Features
|
|
20
|
+
|
|
21
|
+
- **35+ High-Quality Angular Components:** Ready to use out of the box.
|
|
22
|
+
- **Powerful Theme Customization:** Detailed customization options with default themes.
|
|
23
|
+
- **High Performance:** Supports Zoneless, OnPush mode, and Signals for optimized performance.
|
|
24
|
+
- **Accessibility:** Supports WCAG 2.0 standards.
|
|
25
|
+
- **Powerful Theme Customization:** Install each visual component and customize it according your needs
|
|
26
|
+
- **TypeScript:** Written with predictable static types.
|
|
27
|
+
|
|
28
|
+
## Table of Contents
|
|
29
|
+
|
|
30
|
+
- [Storybook](https://develop--67d2b4c756077a325913e5d9.chromatic.com/?globals=theme:dark)
|
|
31
|
+
- [StackBlitz Demo](https://stackblitz.com/fork/xui)
|
|
32
|
+
- [Documentation](https://xuijs.org)
|
|
33
|
+
- [Live Demo](https://cord.dj/r)
|
|
34
|
+
- [Installation](#installation)
|
|
35
|
+
|
|
36
|
+
<a name="installation"></a>
|
|
37
|
+
|
|
38
|
+
## Installation
|
|
39
|
+
|
|
40
|
+
Install package with **PNPM**
|
|
41
|
+
|
|
42
|
+
```bash
|
|
43
|
+
pnpm i @xui/core ....
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## Browser Support
|
|
47
|
+
|
|
48
|
+
xUI Supports most recent browsers according to Angular [support](https://angular.io/guide/browser-support).
|
|
49
|
+
|
|
50
|
+
## Development
|
|
51
|
+
|
|
52
|
+
The project uses `NX` and `Angular` to build the package.
|
|
53
|
+
|
|
54
|
+
To start docs page use
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
pnpm start
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
To start storybook use
|
|
61
|
+
|
|
62
|
+
```bash
|
|
63
|
+
pnpm storybook
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
## Issues
|
|
67
|
+
|
|
68
|
+
If you find any issues in the library or have and idea for an improvement feel free to open an [issue](https://github.com/Rikarin/xui/issues).
|
|
69
|
+
|
|
70
|
+
## Roadmap (12/42)
|
|
71
|
+
|
|
72
|
+
- [ ] Accordion
|
|
73
|
+
- [ ] Alert
|
|
74
|
+
- [ ] Alert Dialog
|
|
75
|
+
- [ ] Avatar
|
|
76
|
+
- [x] Badge
|
|
77
|
+
- [x] Breadcrumb
|
|
78
|
+
- [x] Button
|
|
79
|
+
- [x] Button Group
|
|
80
|
+
- [ ] Calendar
|
|
81
|
+
- [ ] Card
|
|
82
|
+
- [ ] Carousel
|
|
83
|
+
- [x] Checkbox
|
|
84
|
+
- [ ] Collapsible
|
|
85
|
+
- [ ] Combobox
|
|
86
|
+
- [ ] Command
|
|
87
|
+
- [ ] Date Picker
|
|
88
|
+
- [ ] Date Range Picker
|
|
89
|
+
- [ ] Dialog
|
|
90
|
+
- [x] Form Field
|
|
91
|
+
- [ ] Hover Card
|
|
92
|
+
- [x] Icon
|
|
93
|
+
- [x] Input
|
|
94
|
+
- [x] Label
|
|
95
|
+
- [ ] Menu
|
|
96
|
+
- [ ] Pagination
|
|
97
|
+
- [ ] Popover
|
|
98
|
+
- [ ] Progress
|
|
99
|
+
- [ ] Radio Group
|
|
100
|
+
- [ ] Scroll Area
|
|
101
|
+
- [ ] Select
|
|
102
|
+
- [ ] Separator
|
|
103
|
+
- [ ] Sheet
|
|
104
|
+
- [x] Skeleton
|
|
105
|
+
- [ ] Slider
|
|
106
|
+
- [x] Sonner
|
|
107
|
+
- [ ] Spinner
|
|
108
|
+
- [x] Status
|
|
109
|
+
- [ ] Switch
|
|
110
|
+
- [ ] Table
|
|
111
|
+
- [ ] Tabs
|
|
112
|
+
- [ ] Toggle
|
|
113
|
+
- [ ] Tooltip
|
|
114
|
+
- [ ] Typography
|
|
115
|
+
|
|
116
|
+
### Additional
|
|
117
|
+
|
|
118
|
+
- [ ] Decagram
|
|
119
|
+
- [ ] Settings
|
|
120
|
+
- [ ] Drawer
|
|
121
|
+
- [ ] Panel Bar
|
|
122
|
+
- [ ] Textarea
|
|
123
|
+
- [ ] Time Picker
|
|
124
|
+
- [ ] Image Upload
|
|
125
|
+
- [ ] Banner
|
|
126
|
+
- [ ] Snack bar
|
|
127
|
+
|
|
128
|
+
## Opinionated "components"
|
|
129
|
+
|
|
130
|
+
- [ ] Graph View (Nodes)
|
|
131
|
+
- [ ] Analysis
|
|
132
|
+
- [ ] Charts (NG Charts?)
|
|
133
|
+
|
|
134
|
+
## CLI
|
|
135
|
+
|
|
136
|
+
Make cli to install the components
|
|
137
|
+
|
|
138
|
+
## TODO
|
|
139
|
+
|
|
140
|
+
- Button
|
|
141
|
+
|
|
142
|
+
- Icon
|
|
143
|
+
- Shine
|
|
144
|
+
|
|
145
|
+
- Breadcrumb
|
|
146
|
+
|
|
147
|
+
- fix styling issues
|
|
148
|
+
- on hover stuff
|
|
149
|
+
- data driven component
|
|
150
|
+
|
|
151
|
+
- Sonner
|
|
152
|
+
- Colors
|
package/package.json
CHANGED
|
@@ -1,16 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xui/label",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
3
|
+
"version": "2.0.0-alpha.1",
|
|
4
|
+
"description": "Angular UI Library",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"angular",
|
|
7
|
+
"ui"
|
|
8
|
+
],
|
|
9
|
+
"homepage": "https://xuijs.org",
|
|
10
|
+
"bugs": {
|
|
11
|
+
"url": "https://github.com/rikarin/xui/issues"
|
|
12
|
+
},
|
|
13
|
+
"repository": {
|
|
14
|
+
"type": "git",
|
|
15
|
+
"url": "https://github.com/rikarin/xui.git"
|
|
7
16
|
},
|
|
17
|
+
"license": "MIT",
|
|
18
|
+
"author": "Rene Cincura",
|
|
19
|
+
"maintainers": [
|
|
20
|
+
"Rene Cincura"
|
|
21
|
+
],
|
|
22
|
+
"sideEffects": false,
|
|
8
23
|
"peerDependencies": {
|
|
9
24
|
"@angular/core": "19",
|
|
10
25
|
"@xui/core": "2",
|
|
11
26
|
"class-variance-authority": "^0.7.1",
|
|
12
27
|
"clsx": "^2.1.1"
|
|
13
28
|
},
|
|
29
|
+
"publishConfig": {
|
|
30
|
+
"access": "public"
|
|
31
|
+
},
|
|
14
32
|
"module": "fesm2022/xui-label.mjs",
|
|
15
33
|
"typings": "index.d.ts",
|
|
16
34
|
"exports": {
|