Skip to content

Commit f3c947c

Browse files
sadmann7sadmann7
authored
docs: add shadcn-kitchen-sink example (#5952)
* chore: add shadcn * chore: add components * feat: update checkbox * feat: add sorting * chore: cleanup * feat: add data-table-pagination * feat: update view-options * feat: update columns * feat: add column-visibility * feat: hide header for invisible column * feat: add column dnd * chore: sync * feat: add column sizing * feat: add alt ordering * feat: add sort list * feat: update sort list * feat: accessible sort-list * feat: better list * feat: add fitler list * chore: cleanup props * feat: update filter-list * chore: sync * feat: update filter-list * chore: sync * feat: update filter row * feat: default fitler operator * feat: update filter list * feat: update column resizing * feat: add column resizing * feat: cleanup sorting * feat: add filter uitls * feat: cleanup filters * feat: cleanup filters again * chore: cleanup filters * feat: working filters * feat: dont transform * chore: cleanup filters * chore: rimraf * feat: add falsy check * feat: update filter list * feat: update filter-list * feat: add better date filter * feat: update filters * feat: better data * feat: add date fitler * feat: add date filters * feat: update filters * feat: update filters list * feat: better date fitler * chore: track lib * feat: better date filter * feat: update fitlers * feat: add facted-filters * feat: update facted filters * feat: update filters * feat: add array filters * feat: add joining * feat: accesible table * feat: better filter list * feat: cleaner styels * feat: add fitlers * feat: update filters * chore: add debugger back * chore: sync * chore: use grid * chore: bump tailwindcss v4 * chore: sync * chore: revert to tailwindcss v3 * feat: update list
1 parent b5339c5 commit f3c947c

38 files changed

+7382
-452
lines changed

‎examples/react/shadcn-basic/.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,4 @@ node_modules
33
dist
44
dist-ssr
55
*.local
6+
!lib

‎examples/react/shadcn-basic/src/lib/utils.ts‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import { clsx } from 'clsx'
2+
import { twMerge } from 'tailwind-merge'
3+
import type { ClassValue } from 'clsx'
4+
5+
export function cn(...inputs: Array<ClassValue>) {
6+
return twMerge(clsx(inputs))
7+
}

‎examples/react/shadcn-kitchen-sink/.gitignore‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
node_modules
2+
.DS_Store
3+
dist
4+
dist-ssr
5+
*.local
6+
!lib

‎examples/react/shadcn-kitchen-sink/README.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# Example
2+
3+
To run this example:
4+
5+
- `npm install` or `yarn`
6+
- `npm run start` or `yarn start`

‎examples/react/shadcn-kitchen-sink/components.json‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "new-york",
4+
"rsc": false,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "tailwind.config.ts",
8+
"css": "src/index.css",
9+
"baseColor": "zinc",
10+
"cssVariables": true,
11+
"prefix": ""
12+
},
13+
"aliases": {
14+
"components": "@/components",
15+
"utils": "@/lib/utils",
16+
"ui": "@/components/ui",
17+
"lib": "@/lib",
18+
"hooks": "@/hooks"
19+
},
20+
"iconLibrary": "lucide"
21+
}

‎examples/react/shadcn-kitchen-sink/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Vite App</title>
7+
<script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.tsx"></script>
12+
</body>
13+
</html>

‎examples/react/shadcn-kitchen-sink/package.json‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
{
2+
"name": "tanstack-table-example-shadcn-kitchen-sink",
3+
"version": "0.0.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "vite",
7+
"build": "vite build",
8+
"serve": "vite preview",
9+
"start": "vite",
10+
"lint": "eslint ./src",
11+
"shadcn": "pnpm dlx shadcn@latest"
12+
},
13+
"dependencies": {
14+
"@dnd-kit/core": "^6.3.1",
15+
"@dnd-kit/modifiers": "^9.0.0",
16+
"@dnd-kit/sortable": "^10.0.0",
17+
"@dnd-kit/utilities": "^3.2.2",
18+
"@radix-ui/react-checkbox": "^1.1.4",
19+
"@radix-ui/react-dialog": "^1.1.6",
20+
"@radix-ui/react-dropdown-menu": "^2.1.6",
21+
"@radix-ui/react-popover": "^1.1.6",
22+
"@radix-ui/react-progress": "^1.1.2",
23+
"@radix-ui/react-select": "^2.1.6",
24+
"@radix-ui/react-slot": "^1.1.2",
25+
"@radix-ui/react-tooltip": "^1.1.8",
26+
"@tanstack/react-table": "^9.0.0-alpha.10",
27+
"class-variance-authority": "^0.7.1",
28+
"clsx": "^2.1.1",
29+
"cmdk": "1.0.0",
30+
"date-fns": "^4.1.0",
31+
"lucide-react": "^0.475.0",
32+
"react": "^19.0.0",
33+
"react-day-picker": "8.10.1",
34+
"react-dom": "^19.0.0",
35+
"tailwind-merge": "^3.0.1",
36+
"tailwindcss-animate": "^1.0.7"
37+
},
38+
"devDependencies": {
39+
"@rollup/plugin-replace": "^6.0.1",
40+
"@types/react": "^19.0.1",
41+
"@types/react-dom": "^19.0.1",
42+
"@vitejs/plugin-react": "^4.3.4",
43+
"autoprefixer": "^10.4.20",
44+
"postcss": "^8.5.1",
45+
"tailwindcss": "^3.4.17",
46+
"typescript": "5.6.3",
47+
"vite": "^5.4.11"
48+
}
49+
}

‎examples/react/shadcn-kitchen-sink/postcss.config.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
}

0 commit comments

Comments
 (0)