@shival99/z-ui 1.0.17 → 1.0.18
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 +17 -21
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,24 +1,20 @@
|
|
|
1
1
|
# Z-UI - Modern Angular Component Library
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/@shival99/z-ui)
|
|
4
|
-
[](https://opensource.org/licenses/MIT)
|
|
5
|
-
[](https://angular.dev)
|
|
6
|
-
|
|
7
3
|
A comprehensive, high-performance UI component library built with Angular 21+, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.
|
|
8
4
|
|
|
9
|
-
##
|
|
5
|
+
## Features
|
|
10
6
|
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
7
|
+
- **40+ Components** - Buttons, Inputs, Tables, Modals, Calendars, and more
|
|
8
|
+
- **Dark Mode** - Built-in theme support with 9 color themes
|
|
9
|
+
- **Accessible** - WCAG 2.1 compliant components
|
|
10
|
+
- **Responsive** - Mobile-first responsive design
|
|
11
|
+
- **High Performance** - OnPush change detection, virtual scrolling
|
|
12
|
+
- **Customizable** - CSS variables, class-variance-authority
|
|
13
|
+
- **Tree-shakable** - Import only what you need
|
|
14
|
+
- **Type-safe** - Full TypeScript support with strict mode
|
|
15
|
+
- **i18n Ready** - Built-in translation support
|
|
20
16
|
|
|
21
|
-
##
|
|
17
|
+
## Installation
|
|
22
18
|
|
|
23
19
|
```bash
|
|
24
20
|
pnpm add @shival99/z-ui
|
|
@@ -83,7 +79,7 @@ Copy theme files to assets for lazy loading (optional):
|
|
|
83
79
|
]
|
|
84
80
|
```
|
|
85
81
|
|
|
86
|
-
##
|
|
82
|
+
## Quick Start
|
|
87
83
|
|
|
88
84
|
### Import Components
|
|
89
85
|
|
|
@@ -115,7 +111,7 @@ export const appConfig: ApplicationConfig = {
|
|
|
115
111
|
};
|
|
116
112
|
```
|
|
117
113
|
|
|
118
|
-
##
|
|
114
|
+
## Components
|
|
119
115
|
|
|
120
116
|
| Category | Components |
|
|
121
117
|
| ----------- | ---------------------------------------------------------------- |
|
|
@@ -125,7 +121,7 @@ export const appConfig: ApplicationConfig = {
|
|
|
125
121
|
| **Layout** | Accordion, Tabs, Menu, Breadcrumb, Skeleton |
|
|
126
122
|
| **Display** | Button, Icon, Loading |
|
|
127
123
|
|
|
128
|
-
##
|
|
124
|
+
## Import Paths
|
|
129
125
|
|
|
130
126
|
```typescript
|
|
131
127
|
import { ZButtonComponent } from '@shival99/z-ui/components/z-button';
|
|
@@ -139,7 +135,7 @@ import { ZSafeHtmlPipe } from '@shival99/z-ui/pipes';
|
|
|
139
135
|
import { Z_UI_TRANSLATIONS } from '@shival99/z-ui/i18n';
|
|
140
136
|
```
|
|
141
137
|
|
|
142
|
-
##
|
|
138
|
+
## Theming
|
|
143
139
|
|
|
144
140
|
Available themes: `green`, `orange`, `violet`, `neutral`, `zinc`, `slate`, `stone`, `gray`, `hospital`
|
|
145
141
|
|
|
@@ -156,7 +152,7 @@ export class AppComponent {
|
|
|
156
152
|
}
|
|
157
153
|
```
|
|
158
154
|
|
|
159
|
-
##
|
|
155
|
+
## CSS Variables
|
|
160
156
|
|
|
161
157
|
Z-UI uses CSS variables for customization. You can override these variables in your project's CSS to customize the look and feel.
|
|
162
158
|
|
|
@@ -305,6 +301,6 @@ Create a custom theme by overriding variables in your project:
|
|
|
305
301
|
}
|
|
306
302
|
```
|
|
307
303
|
|
|
308
|
-
##
|
|
304
|
+
## License
|
|
309
305
|
|
|
310
306
|
MIT © [VuBoi](https://github.com/vuboi)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shival99/z-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.18",
|
|
4
4
|
"description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 20+, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|