Nexub DSv0.0.2
Brand
Components · Data Display
Semantic HTML table with styled variants.
import { Table } from '@nexub/react';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| Table.Root striped | boolean | false | — | Applies alternating row background colours. |
| Table.Root bordered | boolean | false | — | Adds borders between rows and columns. |
| Table.Root hoverable | boolean | false | — | Highlights rows on mouse hover. |
| Table.Root stickyHeader | boolean | false | — | Fixes the table header to the top when scrolling inside a scrollable container. |
| Table.Head align | 'start' | 'center' | 'end' | 'start' | — | Text alignment within the header cell. |
| Table.Cell align | 'start' | 'center' | 'end' | 'start' | — | Text alignment within the data cell. |
| Table.Caption side | 'top' | 'bottom' | 'bottom' | — | Whether the caption appears above or below the table. |