useTableFilterState@astryxdesign/core v0.5.2 · useTableFilterState

Install with shadcn

Experimental compatibility. This installs the real Astryx package and creates a local public re-export; it does not copy component implementation source. How compatibility works.

bash
npx shadcn@latest add https://astryx.atmeta.com/r/astryx-component-use-table-filter-state.json
Install the editable showcase composition
bash
npx shadcn@latest add https://astryx.atmeta.com/r/astryx-example-table-filterable-table.json

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 — Popover Filters
Open in Playground

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

Table — Inline Filters
Open in Playground

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