Composition Gallery
Table toolbar
A basic table workflow with search, a small filter menu, selected-row actions, pagination, and an empty result.
Overview
Tests table density and simple operational actions while deliberately stopping before advanced data-grid features.
Live Preview
3 selected
| Project | Status | Owner |
|---|---|---|
| Aster | Alex Morgan | |
| Canvas | Alex Morgan | |
| Luma | Alex Morgan |
Code
<Input aria-label="Search projects" /><DropdownMenu items={filters} /><Table>...</Table>Components Used
InputDropdownMenuButtonTableBadgeEmptyStatePaginationAccessibility
Search has an explicit accessible name, table headers use column scope, and the menu remains keyboard navigable.
Responsive Behaviour
Toolbar controls wrap before their target size changes; the basic table remains a scrollable data surface when necessary.
Notes
Saved views, filter builders, column management, and virtualized grids are intentionally Pro territory.