Metrics & Status

FilterChip

Filter pill for toolbars: a compact button that toggles between an empty dashed state and a filled 'set' state.

Props

FilterChip extends ButtonHTMLAttributes<HTMLButtonElement>. Renders as a <button> so it is clickable and focusable by default.

FilterChipProps props

Prop	Type	Default	Description
`set`	`boolean`	—	Filled/set state once a value is chosen.
`onRemove`	`() => void`	—	When provided, shows an × button that calls this on click (with stopPropagation).
`expandable`	`boolean`	—	Shows a chevron-down indicator. Defaults to true when onRemove is not set.

FilterChip empty

FilterChip set

FilterChip expandable

ImportTSX

import { FilterChip } from "@solarius/onset";
import type { FilterChipProps } from "@solarius/onset";