luxtable 0.2.0 → 0.2.2

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 ADDED
@@ -0,0 +1,58 @@
1
+ 💎 LuxTable
2
+ Enterprise-Grade Data Management. Minimalist Aesthetics.
3
+ LuxTable is a high-performance, feature-rich data grid library designed specifically for the modern React ecosystem. It bridges the gap between complex data manipulation and the clean, modular philosophy of Shadcn UI. Built for developers who refuse to choose between power and beauty.
4
+
5
+ ✨ Key Features
6
+ ⚡ High-Velocity Performance: Optimized virtualization engine capable of rendering massive datasets with 60fps fluidity.
7
+
8
+ 🎨 Shadcn-Native Design: Crafted with Tailwind CSS and Radix UI primitives. It doesn't just look like Shadcn; it feels like it.
9
+
10
+ 🛠 Declarative API: A developer-friendly interface that makes complex features like grouping, pivoting, and column reordering intuitive.
11
+
12
+ 🔒 Type-Safe Excellence: First-class TypeScript support ensures your data remains consistent and your DX remains seamless.
13
+
14
+ 🖱 Advanced Interaction: Out-of-the-box support for cell editing, multi-column sorting, advanced filtering, and drag-and-drop.
15
+
16
+ 📱 Fully Responsive: Adaptive layouts that transition gracefully from ultra-wide monitors to mobile screens.
17
+
18
+ 🚀 Quick Start
19
+ Installation
20
+ Bash
21
+
22
+ npm install luxtable
23
+ Basic Usage
24
+ TypeScript
25
+
26
+ import { LuxTable } from "luxtable";
27
+
28
+ const columns = [
29
+ { accessorKey: "id", header: "ID" },
30
+ { accessorKey: "name", header: "Name", sortable: true },
31
+ { accessorKey: "role", header: "Role", filterable: true },
32
+ ];
33
+
34
+ export default function App() {
35
+ return (
36
+ <LuxTable
37
+ data={users}
38
+ columns={columns}
39
+ options={{
40
+ pagination: true,
41
+ selection: "multiple",
42
+ }}
43
+ />
44
+ );
45
+ }
46
+ 💡 Why LuxTable?
47
+ Most data grids are either too lightweight for complex tasks or too bloated with legacy styles. LuxTable is built from the ground up to be headless-first but styled-ready. It provides the engine you need for heavy data work, wrapped in the minimalist aesthetic that modern users expect.
48
+
49
+ 🛠 Tech Stack
50
+ Core: React & TanStack Table (Logical Layer)
51
+
52
+ Styling: Tailwind CSS
53
+
54
+ Primitives: Radix UI
55
+
56
+ Icons: Lucide React
57
+
58
+