Earthling UI

Components
table

Table

Preview

Code

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

Anatomy

<Table>
  <TableCaption />
  <TableHeader>
    <TableRow>
      <TableHead />
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell />
    </TableRow>
  </TableBody>
  <TableFooter>
    <TableRow>
      <TableCell />
    </TableRow>
  </TableFooter>
</Table>

Installation

Import

Automatic Install (Eject)

Manual Install

Ensure Earthling UI is installed

bun add earthling-ui

Import the component from earthling-ui

import { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from "earthling-ui/table"

Table

Anatomy

Installation

Ensure Earthling UI is installed

Import the component from earthling-ui

The component is ready to use