Jetpack Compose FilterChip in Material Compose

<a href="https://material.io/components/chips#filter-chips" class="external" target="_blank">Material Design filter chip</a>.

Filter chips use tags or descriptive words to filter a collection. They are a good alternative to toggle buttons or checkboxes.

Overloads

FilterChip

@ExperimentalMaterialApi
@Composable
fun FilterChip(
    selected: Boolean,
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    shape: Shape = MaterialTheme.shapes.small.copy(CornerSize(percent = 50)),
    border: BorderStroke? = null,
    colors: SelectableChipColors = ChipDefaults.filterChipColors(),
    leadingIcon: @Composable (() -> Unit)? = null,
    selectedIcon: @Composable (() -> Unit)? = null,
    trailingIcon: @Composable (() -> Unit)? = null,
    content: @Composable RowScope.() -> Unit
)

Parameters

Name	Description
`selected`	boolean state for this chip: either it is selected or not
`onClick`	will be called when the user clicks the chip
`modifier`	Modifier to be applied to the chip
`enabled`	controls the enabled state of the chip. When `false`, this chip will not be clickable
`interactionSource`	the MutableInteractionSource representing the stream of Interactions for this Chip. You can create and pass in your own remembered MutableInteractionSource if you want to observe Interactions and customize the appearance / behavior of this chip in different Interactions.
`shape`	defines the chip's shape as well as its shadow
`border`	border to draw around the chip
`colors`	SelectableChipColors that will be used to resolve the background and content color for this chip in different states. See ChipDefaults.filterChipColors.
`leadingIcon`	Optional icon at the start of the chip, preceding the content text.
`selectedIcon`	Icon used to indicate a chip's selected state, it is commonly a Icons.Filled.Done. By default, if a leading icon is also provided, the leading icon will be obscured by a circle overlay and then the selected icon.
`trailingIcon`	Optional icon at the end of the chip, following the content text. Filter chips commonly do not display any trailing icon.
`content`	the content of this chi