Filter chip · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Selected state is inverted neutral, never the brand colour.

<FilterChipRow><FilterChip label selected onPress icon? /></FilterChipRow>

Already in every copy of the native kit:

import { FilterChip, FilterChipRow } from '@/components/kit/filter-chip';

Exports: FilterChip, FilterChipRow
Source: apps/mobile/components/kit/filter-chip.tsx
Packages: lucide-react-native@^1.21.0
Installs with: @kit-native/icon, @kit-native/lib-haptics, @kit-native/lib-utils, @kit-native/text
Also searched as: chip, tag filter, pill
Registry JSON: /r/native/filter-chip.json

The web kit's real component, live. Follows this site's theme.

Selected is inverted neutral, never the brand colour. For one choice among a few, use SegmentedControl.

<FilterChipRow><FilterChip label selected onClick icon? /></FilterChipRow>

Already in every copy of the web kit:

import { FilterChip, FilterChipRow } from '@/components/kit/filter-chip';

Agents: the whole registry is at /llms.txt.