Skip to main content
Version: v8

ion-picker-column

shadow

An individual column within a picker. Visit the ion-picker documentation for more details.

Properties

color

DescriptionThe color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.
Attributecolor
Type"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
Default'primary'

disabled

DescriptionIf true, the user cannot interact with the picker.
Attributedisabled
Typeboolean
Defaultfalse

mode

DescriptionThe mode determines which platform styles to use.
Attributemode
Type"ios" | "md"
Defaultundefined

value

DescriptionThe selected option in the picker.
Attributevalue
Typenumber | string | undefined
Defaultundefined

Events

NameDescriptionBubbles
ionChangeEmitted when the value has changed.

This event will not emit when programmatically setting the value property.
true

Methods

setFocus

DescriptionSets focus on the scrollable container within the picker column. Use this method instead of the global pickerColumn.focus().
SignaturesetFocus() => Promise<void>

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

NameDescription
prefixContent to show on the left side of the picker options.
suffixContent to show on the right side of the picker options.