data/@mihcm/ui·v0.21.0·stable

Table

Semantic data table with 5 visual variants (default, bordered, striped, minimal, card). Variant context flows to all sub-components automatically.

Configurator Examples Usage Accessibility Api

Live preview

Adjust the controls on the right; the preview and code update in real time.

A list of recent invoices.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00

example.tsxtsx

StackBlitz

import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from '@mihcm/ui/Table';

export function Example() {
  return (
    <Table
  variant="default"
  headerTone="default"
    ></Table>
  );
}

Install

Both paths are valid. CLI ships the source into your repo (you own it). Install pins via npm.

npx @mihcm/cli add Table

Copies the source into components/ds/Table.tsx. You own the file. Use --out to override the directory or --force to overwrite.