Table

This component is currently a Work In Progress (WIP).

The Table component displays data in rows and columns, with support for sorting, pagination, and type-based rendering.

Playground

Props

Prop	Type	Default	Description
`className`	`string`	-	Additional CSS classes.
`columns`	`ColumnDef[]`	-	Column definitions (TanStack Table).
`data`	`TData[]`	-	The data to display.
`isLoading`	`boolean`	`false`	Shows a loading state.
`menuOptions`	`TableMenuOption[]`	`[]`	Options for the row actions menu.
`onColumnSort`	`(key) => void`	-	Callback when a column header is clicked.
`paginated`	`boolean`	`false`	Shows pagination controls.
`sortDirection`	`'asc' \| 'desc'`	-	Current sort direction.
`sortOption`	`{ label, value }`	-	Current sort option.