# xpl-dropdown-option



<!-- Auto Generated Below -->


## Properties

| Property     | Attribute  | Description                                                                               | Type      | Default     |
| ------------ | ---------- | ----------------------------------------------------------------------------------------- | --------- | ----------- |
| `icon`       | `icon`     | optional icon name to display before the label (uses xpl-icon)                            | `string`  | `undefined` |
| `isDisabled` | `disabled` | whether option is disabled                                                                | `boolean` | `undefined` |
| `isSelected` | `selected` | whether option is selected                                                                | `boolean` | `undefined` |
| `label`      | `label`    | text to display for option                                                                | `string`  | `undefined` |
| `subtitle`   | `subtitle` | optional subtitle text to display below label                                             | `string`  | `undefined` |
| `value`      | `value`    | The selected options value to be submitted with the form, should this option be selected. | `string`  | `undefined` |


## Dependencies

### Used by

 - [xpl-dropdown](..)
 - [xpl-dropdown-group](../xpl-dropdown-group)

### Depends on

- [xpl-icon](../../xpl-icon)

### Graph
```mermaid
graph TD;
  xpl-dropdown-option --> xpl-icon
  xpl-dropdown --> xpl-dropdown-option
  xpl-dropdown-group --> xpl-dropdown-option
  style xpl-dropdown-option fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*