Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Android docs
ActionsAndroid

Chip

Represent compact selected, actionable, or removable values with native interaction semantics.

Public APILumenChipAndroid / Compose

Native example

Use Chip

Use for compact filters, assigned values, or removable tokens. Use Badge for display-only status and Segmented control for mutually exclusive peer choices.

Chip rendered in the Android phone emulator Lumen playground
Verified runtime captureAndroid phone emulator
kotlin
LumenChip(
    label = "Design",
    selected = selected,
    onClick = { selected = !selected },
    onRemove = ::removeDesign
)

Reference

Public API

The primary shared and platform-specific options exposed by LumenChip.

APIValues or typeDefaultDescription
labelStringRequiredProvides visible chip text.
selectedBooleanfalseExposes selected state.
onClickCallback?nilMakes the chip selectable or actionable.
onRemoveCallback?nilAdds a separate removal action.
removeLabelStringRemove labelNames the removal action.

Native behavior

Design and accessibility

When to use it

Use for compact filters, assigned values, or removable tokens. Use Badge for display-only status and Segmented control for mutually exclusive peer choices.

Accessibility

A selectable chip reports selected and disabled state. Its optional removal action remains separately named and operable.

Shared component

Available on other platforms

React NativeApple / SwiftUI
Android docsCompose module