@ktjs/mui 0.20.2 → 0.24.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 +14 -2
- package/dist/index.d.ts +341 -1580
- package/dist/index.mjs +2926 -1155
- package/dist/index.mjs.map +1 -0
- package/package.json +7 -7
- package/dist/index.css +0 -1
- package/dist/index.iife.css +0 -1
- package/dist/index.iife.js +0 -1238
package/README.md
CHANGED
|
@@ -4,6 +4,14 @@ Material-UI inspired components for kt.js framework.
|
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
|
+
### Create a KT.js project
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
pnpm create kt.js my-app
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
### Add MUI components to an existing project
|
|
14
|
+
|
|
7
15
|
```bash
|
|
8
16
|
pnpm add @ktjs/mui
|
|
9
17
|
```
|
|
@@ -11,8 +19,7 @@ pnpm add @ktjs/mui
|
|
|
11
19
|
## Usage
|
|
12
20
|
|
|
13
21
|
```tsx
|
|
14
|
-
import { Button, Alert, Dialog } from '@ktjs/mui';
|
|
15
|
-
import '@ktjs/mui/styles.css';
|
|
22
|
+
import { Button, Alert, Dialog, Pill, Badge, Popover } from '@ktjs/mui';
|
|
16
23
|
|
|
17
24
|
// Create a button
|
|
18
25
|
const myButton = (
|
|
@@ -22,11 +29,16 @@ const myButton = (
|
|
|
22
29
|
);
|
|
23
30
|
```
|
|
24
31
|
|
|
32
|
+
Styles are injected automatically through Emotion when components are imported.
|
|
33
|
+
|
|
25
34
|
## Available Components
|
|
26
35
|
|
|
27
36
|
- **Alert** - Display alert messages with different severity levels
|
|
28
37
|
- **Button** - Material-style buttons with variants and colors
|
|
38
|
+
- **Pill** - Chip-like pill labels with variants and colors
|
|
39
|
+
- **Badge** - Numeric and dot badges for status/count overlays
|
|
29
40
|
- **Dialog** - Modal dialogs
|
|
41
|
+
- **Popover** - Anchor-based floating layers
|
|
30
42
|
- **FormLabel** - Form labels for inputs
|
|
31
43
|
- **Input** - Text input fields
|
|
32
44
|
- **LinearProgress** - Progress bars
|