Components
Table
A responsive table component.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
Usage
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from "@murasakijs/ui";<Table>
<TableHeader>
<TableRow>
<TableHead>Name</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>Row 1</TableCell>
</TableRow>
</TableBody>
</Table>API Reference
Subcomponents
| Component | Renders |
|---|---|
Table | <table>, wrapped in an overflow-auto <div> for horizontal scrolling. |
TableHeader | <thead> |
TableBody | <tbody> |
TableFooter | <tfoot> |
TableRow | <tr> |
TableHead | <th> |
TableCell | <td> |
TableCaption | <caption> |
Each subcomponent extends the matching native HTML table element's attributes.