@lego-box/ui-kit

@lego-box/ui-kit

Reusable UI component library for Lego Box applications. Built with React, TypeScript, and Tailwind CSS.

Installation

pnpm add @lego-box/ui-kit
# or
npm install @lego-box/ui-kit

Usage

Import components directly:

import { Button, Card, Input } from '@lego-box/ui-kit';

function MyComponent() {
  return (
    <Card>
      <Input placeholder="Enter text" />
      <Button>Submit</Button>
    </Card>
  );
}

CSS is automatically injected - no need to import stylesheets manually.

Components

• Form Components: Button, Input, Checkbox, Label, Select, PasswordInput
• Layout Components: Card, Dialog, Tabs, AdminShell, TopBar, SideNav
• Data Display: DataTable, GroupedTable, Badge, StatusBadge, Pagination
• User Management: UserFormDialog, RoleFormDialog, PermissionFormDialog
• Feedback: Loading, NotFound, AccessDenied, Tooltip
• And many more...

Theming

The library uses CSS variables for theming. Supports light and dark modes out of the box.

License

MIT