@lego-box/ui-kit 0.1.0
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 +47 -0
- package/dist/index.d.mts +998 -0
- package/dist/index.d.ts +998 -0
- package/dist/index.js +4891 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +4794 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +75 -0
package/README.md
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
# @lego-box/ui-kit
|
|
2
|
+
|
|
3
|
+
Reusable UI component library for Lego Box applications. Built with React, TypeScript, and Tailwind CSS.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add @lego-box/ui-kit
|
|
9
|
+
# or
|
|
10
|
+
npm install @lego-box/ui-kit
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
Import components directly:
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { Button, Card, Input } from '@lego-box/ui-kit';
|
|
19
|
+
|
|
20
|
+
function MyComponent() {
|
|
21
|
+
return (
|
|
22
|
+
<Card>
|
|
23
|
+
<Input placeholder="Enter text" />
|
|
24
|
+
<Button>Submit</Button>
|
|
25
|
+
</Card>
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
CSS is automatically injected - no need to import stylesheets manually.
|
|
31
|
+
|
|
32
|
+
## Components
|
|
33
|
+
|
|
34
|
+
- **Form Components:** Button, Input, Checkbox, Label, Select, PasswordInput
|
|
35
|
+
- **Layout Components:** Card, Dialog, Tabs, AdminShell, TopBar, SideNav
|
|
36
|
+
- **Data Display:** DataTable, GroupedTable, Badge, StatusBadge, Pagination
|
|
37
|
+
- **User Management:** UserFormDialog, RoleFormDialog, PermissionFormDialog
|
|
38
|
+
- **Feedback:** Loading, NotFound, AccessDenied, Tooltip
|
|
39
|
+
- **And many more...**
|
|
40
|
+
|
|
41
|
+
## Theming
|
|
42
|
+
|
|
43
|
+
The library uses CSS variables for theming. Supports light and dark modes out of the box.
|
|
44
|
+
|
|
45
|
+
## License
|
|
46
|
+
|
|
47
|
+
MIT
|