Product List Table
Dense product table with hover and row actions.
Preview & code
GFA Studio CLI · Coming soon
| Product | Category | Price | Stock | Status | Actions |
|---|---|---|---|---|---|
 Nordic Linen Shirt NLS-001 | Apparel › Men › Shirts | $999$1,299 | 42 | Listed | |
 Ceramic Pour-Over Set CPS-214 | Home › Kitchen | $890 | 3 | Listed | |
 Trail Runner Pro TRP-088 | Shoes › Sport | $2,190$2,490 | 18 | In review | |
 Desk Mat — Slate desk-mat-slate | Office › Accessories | $450 | 0 | Draft | |
 Wireless Charge Pad WCP-12 | Electronics › Accessories | $699 | 27 | Rejected | |
 Oak Serving Board OSB-03 | Home › Tableware | $1,120 | 9 | Listed |
Installation
CLI
GFA Studio CLI — Coming soon
The `npx gfa-studio` installer is not published yet. Use Manual install below or download the artifact JSON.
Artifact JSON
https://ui.gkhn.dev/gfa/product-list-table.jsonManual
- Download the component source from https://ui.gkhn.dev/gfa/product-list-table.json (or copy from this repo: apps/web/src/blocks/gfa/product-list-table.tsx).
- Place it in your project (for example: ./src/blocks/gfa/product-list-table.tsx) and adjust imports/aliases.
- Ensure cn from @/lib/utils exists.
- Theme tokens and utilities should align with globals.css.