ion-picker-column
An individual column within a picker. Visit the ion-picker documentation for more details.
Properties
color
Description The 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. Attribute
color Type
"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined Default
'primary'disabled
Description If
true, the user cannot interact with the picker. Attribute
disabled Type
boolean Default
falsemode
Description The mode determines which platform styles to use.
This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attribute
mode Type
"ios" | "md" Default
undefinedvalue
Description The selected option in the picker.
Attribute
value Type
number | string | undefined Default
undefinedEvents
| Name | Description | Bubbles |
|---|---|---|
ionChange | Emitted when the value has changed. This event will not emit when programmatically setting the value property. | true |
Methods
setFocus
Description Sets focus on the scrollable container within the picker column. Use this method instead of the global
pickerColumn.focus(). Signature
setFocus() => 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
| Name | Description |
|---|---|
prefix | Content to show on the left side of the picker options. |
suffix | Content to show on the right side of the picker options. |