# option When used as a child component of **<[select](js-components-basic-select.md)\>**, the **** component is used to display items in the drop-down list. When used as a child component of **<[menu](js-components-basic-menu.md)\>**, the **** component is used to display items in the displayed menu. ## Required Permissions None ## Child Component None ## Attribute In addition to the attributes in [Universal Attributes](js-components-common-attributes.md), the following attributes are supported. Name Type Default Value Mandatory Description 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>. value string - Yes Value of an option, which is used as the returned 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>. icon string - No Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG. ## Style The following style attributes are supported. Name Type Default Value Mandatory Description color <color> #e6000000 No Text color of the options. font-size <length> 16px No Font size of the options. 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. font-weight number | string normal No Font weight. For details, see font-weight of the text component. text-decoration string none No Text decoration. For details, see text-decoration of the text component. 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 is used for the text. ## Event None ## Method None ## Example Code For details, see the [menu example code](js-components-basic-menu.md#section54636714136).
Name
Type
Default Value
Mandatory
Description
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>.
value
string
Yes
Value of an option, which is used as the returned value of the selected event of the <select>or <menu> parent component.
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>.
icon
Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG.
color
<color>
#e6000000
Text color of the options.
font-size
<length>
16px
Font size of the options.
allow-scale
true
Whether the font size changes with the system's font size settings.
If the config-changes tag of fontSize is configured for abilities in the config.json file, the setting takes effect without application restart.
font-weight
number | string
normal
Font weight. For details, see font-weight of the text component.
text-decoration
none
Text decoration. For details, see text-decoration of the text component.
font-family
sans-serif
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 is used for the text.