Table
The Table component provides you with data tables and lists.
Live Examples
Storybook: components-table--default
Storybook: components-table--striped
Storybook: components-table--bordered
Code Examples
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@nostromo/ui-core'
export default function TableExample() {
return (
<Table>
<TableHeader>
<TableRow>
<TableHead>Name</TableHead>
<TableHead>Email</TableHead>
<TableHead>Status</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>John Doe</TableCell>
<TableCell>john@example.com</TableCell>
<TableCell>Active</TableCell>
</TableRow>
<TableRow>
<TableCell>Jane Smith</TableCell>
<TableCell>jane@example.com</TableCell>
<TableCell>Active</TableCell>
</TableRow>
</TableBody>
</Table>
)
}Props
All Table components accept standard HTML props.