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 | false |
modeβ
| 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. |
| Attribute | mode |
| Type | "ios" ο½ "md" |
| Default | undefined |
valueβ
| Description | The selected option in the picker. |
| Attribute | value |
| Type | number ο½ string ο½ undefined |
| Default | undefined |
Eventsβ
| 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. |