ion-select-option
Select Options are components that are child elements of a Select. Each option defined is passed and displayed in the Select dialog.
For usage examples, see the Select documentation.
Properties
description
| Description | Text that is placed underneath the option text to provide additional details about the option. |
| Attribute | description |
| Type | string ｜ undefined |
| Default | undefined |
disabled
| Description | If true, the user cannot interact with the select option. This property does not apply when interface="action-sheet" as ion-action-sheet does not allow for disabled buttons. |
| Attribute | disabled |
| Type | boolean |
| Default | false |
mode
| Description | The mode determines the platform behaviors of the component. 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 |
theme
| Description | The theme determines the visual appearance of the component. 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 | theme |
| Type | "ios" ｜ "md" ｜ "ionic" |
| Default | undefined |
value
| Description | The text value of the option. |
| Attribute | value |
| Type | any |
| Default | undefined |
Events
No events available for this component.
Methods
No public methods available for this component.
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 |
|---|---|
| `` | Content is placed between the named slots if provided without a slot. |
end | Content is placed to the right of the select option text in LTR, and to the left in RTL. |
start | Content is placed to the left of the select option text in LTR, and to the right in RTL. |