Selection and input

Chip

Compact toggles for filters and tags.

iOSReact NativeAndroidReact NativeReact Native tier — renders anywhere

iOSReact Native

AndroidReact Native

Import

import {Chip} from '@hzblj/kara-ui'

A filter pill on a Pressable, not a native control — the React Native tier, so it needs no host.

Prop	Type	Default	Description
label*	string	—	The text in the pill.
onPress	() => void	—	Called when the chip is pressed, with the `selection` haptic.
selected	boolean	false	Draws the chip in the accent colours. Off by default.
testID	string	—	Test identifier, forwarded to the view.

label*

string

The text in the pill.

onPress

() => void

Called when the chip is pressed, with the selection haptic.

selectedfalse

boolean

Draws the chip in the accent colours. Off by default.

testID

string

Test identifier, forwarded to the view.

A filter pill in the React Native tier, not a native control. It plays selection when pressed.