Data

Data Toolbar 01

Table or list toolbar with debounced search, filter chips or dropdown, and right-aligned actions.

Install with shadcn CLI

Adds the block files into your project. Run from an app that already has shadcn initialized.

bash

npx shadcn@latest add @tt-ui/data-toolbar-01

Preview

Live demo of this block in the browser.

Data Toolbar

Table or list toolbar with debounced search, filter chips, and right-aligned actions.

User records

Search, filter, and manage rows in a data table or list view.