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 | true`の場合、ユーザーはピッカーと対話することができない。 |
| Attribute | disabled |
| Type | boolean |
| Default | false |
mode
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
value
| Description | ピッカーで選択されているオプション。 |
| 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 | ピッカー・オプションの左側に表示するコンテンツ。 |
suffix | ピッカー・オプションの右側に表示するコンテンツ。 |