Table
A set of composable table subcomponents for displaying structured, tabular data with sortable columns, row striping, and hover highlights.
Installation
npx dafink-ui add tableDemos
| Name | Role | Status |
|---|---|---|
| Alice Kim | Designer | Active |
| Ben Torres | Engineer | Active |
| Clara Patel | PM | On leave |
Minimal variant
A flat, borderless look: no outer card border, no header fill, no zebra striping. Matches the docs site's PropsTable.
| Name | Type | Description |
|---|---|---|
| label | string | Visible label above the field. |
| disabled | boolean | Prevents interaction. |
Composition
<Table>
</Table>
Props
| Name | Type | Default | Description |
|---|---|---|---|
| striped | boolean | false | Alternates odd/even row background colors in the body. No effect when variant is "minimal". |
| variant | 'default' | 'minimal' | 'default' | Visual style. "minimal" is a flat, borderless look (matches the docs PropsTable) with no outer border or header fill. |
| className | string | "" | Additional classes merged onto the table element. |