ccp/com.ezzy.ccp.countrypicker.ui/CountryListItem

CountryListItem

fun CountryListItem(match: CountryMatch, selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, selectionMode: CountrySelectionMode = CountrySelectionMode.Single, unavailable: Boolean = false, shape: Shape = CountryPickerTheme.style.shapes.row, style: CountryPickerStyle = CountryPickerTheme.style, flagContent: @Composable (Country) -> Unit? = null, trailingContent: @Composable () -> Unit? = null)(source)

One country row.

One click target

The row is the only clickable element. Its check mark, radio or checkbox is drawn but is not itself clickable and is hidden from accessibility — a control nested inside a clickable row is the classic source of double toggling and of a screen reader announcing two overlapping targets. Selection reaches accessibility through the row's own selected and stateDescription.

Selection is never color alone

A selected row gets a tint and a check mark (or ticked box), so the state survives greyscale, high-contrast modes and color-vision deficiency — which is why SelectionIndicator.None is discouraged.

Parameters

shape

Clips the row's highlight and press feedback. The list passes a rectangle for grouped rows (the group clips the corners) and a rounded shape for plain and card rows.

unavailable

Marks the row "Not available" — shown, but not selectable.

flagContent

Replaces the flag renderer.

trailingContent

Replaces the selection indicator.