1# option 2 3When used as a child component of **\<[select](js-components-basic-select.md)>**, the **\<option>** component is used to display items in the drop-down list. 4 5When used as a child component of **\<[menu](js-components-basic-menu.md)>**, the **\<option>** component is used to display items in the displayed menu. 6 7## Required Permissions 8 9None 10 11## Child Component 12 13None 14 15## Attributes 16 17In addition to the attributes in [Universal Attributes](js-components-common-attributes.md), the following attributes are supported. 18 19 20 21| Name | Type | Default Value | Mandatory | Description | 22| -------- | ------- | ------------- | --------- | ------------------------------------------------------------ | 23| selected | boolean | - | No | Whether an option is the default option in the drop-down list. This attribute is available only when the parent component is **\<select>**. | 24| value | string | - | Yes | Value of an option, which is used as the return value of the selected event of the **\<select>**or **\<menu>** parent component.NOTE:The option value to be displayed on the UI must be put between the start and end tags, for example, **\<option value="10">October\</option>**. | 25| icon | string | - | No | Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG. | 26 27## Styles 28 29The following style attributes are supported. 30 31 32 33| Name | Type | Default Value | Mandatory | Description | 34| --------------- | ---------------- | ------------- | --------- | ------------------------------------------------------------ | 35| color | \<color> | #e6000000 | No | Text color of the options. | 36| font-size | \<length> | 16px | No | Font size of the options. | 37| allow-scale | boolean | true | No | Whether the font size changes with the system's font size settings.NOTE:If the **config-changes** tag of **fontSize** is configured for abilities in the **config.json** file, the setting takes effect without application restart. | 38| font-weight | number \| string | normal | No | Font weight. For details, see [font-weight](js-components-basic-text.md) of the **text** component. | 39| text-decoration | string | none | No | Text decoration. For details, see [text-decoration](js-components-basic-text.md) of the **text** component. | 40| font-family | string | sans-serif | No | Font family, in which fonts are separated by commas (,). Each font is set using a font name or font family name. The first font in the family or the font specified by [Custom Font Styles](js-components-common-customizing-font.md) is used for the text. | 41 42## Events 43 44None 45 46## Methods 47 48None 49 50## Example Code 51 52For details, see the [menu example code](js-components-basic-menu.md).