Table
Eine schlichte Tabelle mit Haarlinien für kleine, feste Daten.
| Model | Input / M | Output / M | Cache read / M |
|---|---|---|---|
| gpt-5 | $1.25 | $10.00 | $0.125 |
| gpt-5-mini | $0.25 | $2.00 | $0.025 |
| claude-sonnet-4-5 | $3.00 | $15.00 | $0.30 |
| claude-haiku-4-5 | $1.00 | $5.00 | $0.10 |
| gpt-4.1-nano | $0.10 | $0.40 | $0.025 |
<Table className="w-640">
<Table.Head>
<Table.Row>
<Table.HeaderCell>Model</Table.HeaderCell>
<Table.HeaderCell align="end">Input / M</Table.HeaderCell>
<Table.HeaderCell align="end">Output / M</Table.HeaderCell>
<Table.HeaderCell align="end">Cache read / M</Table.HeaderCell>
</Table.Row>
</Table.Head>
<Table.Body>
{models.map((m) => (
<Table.Row key={m.id}>
<Table.Cell className="mono text-small">{m.model}</Table.Cell>
<Table.Cell align="end">${m.input}</Table.Cell>
<Table.Cell align="end">${m.output}</Table.Cell>
<Table.Cell align="end">${m.cacheRead}</Table.Cell>
</Table.Row>
))}
</Table.Body>
</Table>import { Table } from "@logicplanes/kaeso-ui";