Table

Data tables styled as organized capsule containers in the Tinted Trays design system. Clean, scannable, and professional.

Basic Table

A simple table with header and body rows.

InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00

Table with Caption

Table with descriptive caption text.

A list of your recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00

Table with Status Badges

Table rows with visual status indicators.

InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00

Users Table

A user management table with roles and status.

EmailRoleStatus
John Doe[email protected]AdminActive
Jane Smith[email protected]EditorActive
Bob Johnson[email protected]ViewerInactive
Alice Brown[email protected]EditorActive
Charlie Wilson[email protected]AdminActive

Tasks Table

A task list table with priority and progress tracking.

TaskPriorityStatusAssignee
Design system updateHighIn ProgressJohn
API integrationMediumCompletedJane
Bug fixesHighPendingBob
DocumentationLowCompletedAlice
TestingMediumIn ProgressCharlie

On Tinted Canvas

Table on a tinted section background with white surface.

Recent Activity

Latest transactions from your account

InvoiceStatusAmount
INV001Paid$250.00
INV002Pending$150.00
INV003Unpaid$350.00