Components and examples

Table

5 demos · registry/new-york-v4/ui/table.tsx

table-compact

Time	Source	Event	Duration	Status
09:12	api	POST /v1/checkout	182ms	200
09:14	worker	sync.customer.updated	42ms	ok
09:17	api	GET /v1/invoices	64ms	200
09:22	webhook	invoice.payment_failed	311ms	retry

table-demo

A list of your recent invoices.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

table-kpi-summary

Channel	Visitors	Conversion	Revenue	Trend
Organic	24,892	6.8%	$42,820	+12%
Paid search	18,240	4.1%	$31,044	+4%
Referral	8,120	7.4%	$19,870	-2%
Total	51,252	5.9%	$93,734	+8%

table-row-actions

	Customer	Plan	Seats	Spend	Actions
	Ada Lovelace ada@example.com	Pro	12	$1,248
	Grace Hopper grace@example.com	Team	8	$864
	Katherine Johnson katherine@example.com	Enterprise	44	$6,420

table-status-badges

Project	Status	Labels	Priority	Due
Atlas redesign Design	On track	WebQ3	High	Jun 24
Billing migration Platform	At risk	StripeInfra	Critical	Jul 2
Docs refresh Growth	Review	Content	Medium	Jul 12
Mobile QA Product	Blocked	iOSAndroid	Low	Jul 18