Table

A responsive table component.

Preview

InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/table

Usage

Import the component from the package:

import { Table } from "@/components/ui/table"

Then use it in your application:

<Table />

Examples

Default

InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00

Selected row state

InvoiceStatusAmount
INV003Processing$320.00
INV004Paid$180.00

With footer totals

PlanSeatsMonthly
Starter5$120.00
Growth12$360.00
Total$480.00