@danarakca/keu-ui 1.0.0 → 1.1.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
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
> **Keu Design System** - Shared UI components library
|
|
4
4
|
|
|
5
|
-
[](https://www.npmjs.com/package/@danarakca/keu-ui)
|
|
6
6
|
[](https://opensource.org/licenses/MIT)
|
|
7
7
|
|
|
8
8
|
## 📦 Instalasi
|
|
9
9
|
|
|
10
10
|
```bash
|
|
11
|
-
npm install danarakca-
|
|
11
|
+
npm install @danarakca/keu-ui
|
|
12
12
|
```
|
|
13
13
|
|
|
14
14
|
## 🚀 Quick Start
|
|
@@ -20,7 +20,7 @@ Semua komponen adalah **standalone components**, jadi bisa langsung diimport tan
|
|
|
20
20
|
```typescript
|
|
21
21
|
// app.component.ts
|
|
22
22
|
import { Component } from '@angular/core';
|
|
23
|
-
import { KeuButtonComponent, KeuInputComponent, KeuAlertComponent } from 'danarakca-
|
|
23
|
+
import { KeuButtonComponent, KeuInputComponent, KeuAlertComponent } from '@danarakca/keu-ui';
|
|
24
24
|
|
|
25
25
|
@Component({
|
|
26
26
|
selector: 'app-root',
|
|
@@ -60,7 +60,7 @@ export class AppComponent {
|
|
|
60
60
|
Import theme di `styles.scss`:
|
|
61
61
|
|
|
62
62
|
```scss
|
|
63
|
-
@use 'danarakca-
|
|
63
|
+
@use '@danarakca/keu-ui/styles/keu-ui.theme';
|
|
64
64
|
```
|
|
65
65
|
|
|
66
66
|
## 📚 Komponen yang Tersedia
|
|
@@ -115,7 +115,7 @@ Import theme di `styles.scss`:
|
|
|
115
115
|
### Button dengan Icon
|
|
116
116
|
|
|
117
117
|
```typescript
|
|
118
|
-
import { KeuButtonComponent } from 'danarakca-
|
|
118
|
+
import { KeuButtonComponent } from '@danarakca/keu-ui';
|
|
119
119
|
|
|
120
120
|
@Component({
|
|
121
121
|
template: `
|
|
@@ -133,7 +133,7 @@ import { KeuButtonComponent } from 'danarakca-design-system';
|
|
|
133
133
|
### Form Input dengan Validasi
|
|
134
134
|
|
|
135
135
|
```typescript
|
|
136
|
-
import { KeuInputComponent } from 'danarakca-
|
|
136
|
+
import { KeuInputComponent } from '@danarakca/keu-ui';
|
|
137
137
|
|
|
138
138
|
@Component({
|
|
139
139
|
template: `
|
|
@@ -152,7 +152,7 @@ import { KeuInputComponent } from 'danarakca-design-system';
|
|
|
152
152
|
### Data Table
|
|
153
153
|
|
|
154
154
|
```typescript
|
|
155
|
-
import { KeuTableComponent, KeuColumnDef } from 'danarakca-
|
|
155
|
+
import { KeuTableComponent, KeuColumnDef } from '@danarakca/keu-ui';
|
|
156
156
|
|
|
157
157
|
@Component({
|
|
158
158
|
template: `
|
|
@@ -181,7 +181,7 @@ export class UsersComponent {
|
|
|
181
181
|
### Modal Dialog
|
|
182
182
|
|
|
183
183
|
```typescript
|
|
184
|
-
import { KeuModalComponent } from 'danarakca-
|
|
184
|
+
import { KeuModalComponent } from '@danarakca/keu-ui';
|
|
185
185
|
|
|
186
186
|
@Component({
|
|
187
187
|
template: `
|