Components

Filter Bar

The filters in effect, each removed with its ×, and Clear all.

Amount: $50–$500Category: Dining outTag: Shared

Import

import { FilterBar, FilterChip } from '@rinzai/zen';

The filters in effect, as chips each removed with its ×, and "Clear all" once there are two or more. Renders nothing when no filter is set.

Prop	Type	Default
`clearLabel`	`ReactNode`	`Clear all`
`onClear` Removes every filter; shown as "Clear all" once there are two or more.	`(() => void)`	`—`

One filter in a FilterBar: what it is (e.g. "Amount: $50–$500"), and its × to remove it.

Prop	Type	Default
`onRemove`Required	`() => void`	`—`
`className`	`string`	`—`
`removeLabel` The × button's name for screen readers, e.g. "Remove amount filter".	`string`	`Remove filter`