Skip to content
Storybook

Filter Chip

Interactive choice chip for quick filters above lists and tables. Selected shows a check and brand tint (aria-pressed); a chevron chip opens a filter menu.

StorybookFigma

Preview

Filter Chip preview

Install

Free and open in the core package.

BASH
npm i @pixelsds/react react-aria-components

Usage

JSX
import { FilterChip } from '@pixelsds/react';

export default function Example() {
  return <FilterChip />;
}

Every example above, with its props and full source, is in the Storybook. Built from Pixels tokens, so it follows your brand colour, dark mode and right-to-left.