CountryPickerDimensions

data class CountryPickerDimensions(val fieldMinHeight: Dp = 60.dp, val fieldCompactHeight: Dp = 44.dp, val fieldHorizontalPadding: Dp = 14.dp, val fieldContentSpacing: Dp = 12.dp, val fieldBorderWidth: Dp = 1.dp, val fieldFocusedBorderWidth: Dp = 1.5.dp, val focusRingWidth: Dp = 4.dp, val flagSizeField: Dp = 34.dp, val flagSizeRow: Dp = 36.dp, val flagSizeCompact: Dp = 24.dp, val flagSizeTile: Dp = 40.dp, val rowMinHeight: Dp = 58.dp, val rowHorizontalPadding: Dp = 14.dp, val rowVerticalPadding: Dp = 10.dp, val rowContentSpacing: Dp = 14.dp, val groupHorizontalMargin: Dp = 16.dp, val groupSpacing: Dp = 22.dp, val sheetHorizontalPadding: Dp = 20.dp, val searchFieldHeight: Dp = 48.dp, val chipHeight: Dp = 34.dp, val chipHorizontalPadding: Dp = 14.dp, val chipSpacing: Dp = 4.dp, val tileWidth: Dp = 84.dp, val tileHeight: Dp = 104.dp, val indicatorSize: Dp = 22.dp, val checkboxSize: Dp = 22.dp, val iconButtonSize: Dp = 32.dp, val indexRailWidth: Dp = 22.dp, val indexBubbleSize: Dp = 60.dp, val minimumTouchTarget: Dp = 48.dp)(source)

Sizes and spacing.

Use forDensity rather than constructing one, then copy the values you want to change. Every interactive element keeps a minimumTouchTarget of at least 48dp at every density: the compact density gets its tighter look from smaller visuals and padding, never from smaller targets.

Constructors

Link copied to clipboard
constructor(fieldMinHeight: Dp = 60.dp, fieldCompactHeight: Dp = 44.dp, fieldHorizontalPadding: Dp = 14.dp, fieldContentSpacing: Dp = 12.dp, fieldBorderWidth: Dp = 1.dp, fieldFocusedBorderWidth: Dp = 1.5.dp, focusRingWidth: Dp = 4.dp, flagSizeField: Dp = 34.dp, flagSizeRow: Dp = 36.dp, flagSizeCompact: Dp = 24.dp, flagSizeTile: Dp = 40.dp, rowMinHeight: Dp = 58.dp, rowHorizontalPadding: Dp = 14.dp, rowVerticalPadding: Dp = 10.dp, rowContentSpacing: Dp = 14.dp, groupHorizontalMargin: Dp = 16.dp, groupSpacing: Dp = 22.dp, sheetHorizontalPadding: Dp = 20.dp, searchFieldHeight: Dp = 48.dp, chipHeight: Dp = 34.dp, chipHorizontalPadding: Dp = 14.dp, chipSpacing: Dp = 4.dp, tileWidth: Dp = 84.dp, tileHeight: Dp = 104.dp, indicatorSize: Dp = 22.dp, checkboxSize: Dp = 22.dp, iconButtonSize: Dp = 32.dp, indexRailWidth: Dp = 22.dp, indexBubbleSize: Dp = 60.dp, minimumTouchTarget: Dp = 48.dp)

Types

Link copied to clipboard
object Companion

Properties

Link copied to clipboard

Multi-select checkbox size.

Link copied to clipboard

Region filter height.

Link copied to clipboard

Region filter inner padding.

Link copied to clipboard

Gap between region filters.

Link copied to clipboard

Field border at rest.

Link copied to clipboard

Pill selectors (compact, flag-only, dial code).

Link copied to clipboard

Gap between a field's flag, text and trailing icon.

Link copied to clipboard

Field border when focused, open or in error.

Link copied to clipboard

Inner horizontal padding of fields.

Link copied to clipboard

Selector and phone field height.

Link copied to clipboard

Flag in a pill selector or the phone prefix.

Link copied to clipboard

Flag in a field.

Link copied to clipboard

Flag in a list row.

Link copied to clipboard

Flag in a quick-pick tile.

Link copied to clipboard

Spread of the soft focus glow around a focused field.

Link copied to clipboard

Inset of grouped list sections from the sheet edge.

Link copied to clipboard

Space between list sections.

Link copied to clipboard

Visual size of the close and clear buttons; their touch target is minimumTouchTarget.

Link copied to clipboard

Diameter of the letter bubble shown while scrubbing the rail.

Link copied to clipboard

Width of the A–Z rail.

Link copied to clipboard

Selection check and radio size.

Link copied to clipboard

Accessibility floor for every clickable element.

Link copied to clipboard

Gap between a row's flag, text and trailing content.

Link copied to clipboard

Row inner padding.

Link copied to clipboard

List row height.

Link copied to clipboard

Row inner padding.

Link copied to clipboard

Search field height.

Link copied to clipboard

Header, search and filter inset.

Link copied to clipboard

Quick-pick tile height.

Link copied to clipboard

Quick-pick tile width.