useTableFilterState@astryxdesign/core v0.5.2 · useTableFilterState

Usage

Managed state hook for table filtering. Returns the current filter map and an onChange handler. Pass the result directly to useTableFiltering.

ts
import {useTableFilterState} from '@astryxdesign/core/Table'

Parameters

ParamTypeDescription
initialState

Optional initial filter state map.

Examples

Common configurations, variations, and states.
Table — Inline Filters
Open in Playground

Table with inline filter controls rendered directly below each column header.

Table — Popover Filters
Open in Playground

Table with popover filter controls triggered by icons in column headers.

Use with shadcn

Already using the shadcn registry workflow? Install the real Astryx package and a local public re-export. Component implementation source stays in Astryx. How compatibility works.

This install URL expires with the draft preview.
bash
npx shadcn@latest add https://astryx-4p843mspp-fbopensource.vercel.app/r/hooks/use-table-filter-state.json
Install the editable showcase composition
bash
npx shadcn@latest add https://astryx-4p843mspp-fbopensource.vercel.app/r/examples/table/popover-filters.json