# Select Option (fw-select-option)

fw-select-option provides child elements for fw-select, to populate the Select component’s list or drop-down box with values. If fw-select-option is used without the value attribute, when the form data is saved, the value of fw-select is the selected option’s text.

# Usage

I am the chosen one

I am another option

Show Code

# Properties

Property	Attribute	Description	Type	Default
`disabled`	`disabled`	Sets the state of the option to disabled. The selected option is disabled and greyed out. If the attribute’s value is undefined, the value is set to false.	`boolean`	`false`
`html`	`html`	States that the option is an HTML value. If the attribute's value is undefined, the value is set to true.	`boolean`	`false`
`htmlContent`	`html-content`	HTML content that is displayed as the option.	`string`	`undefined`
`optionText`	`option-text`	Alternate text displayed on the interface, in place of the actual HTML content.	`string`	`undefined`
`selected`	`selected`	Sets the state of the option to selected. The selected option is highlighted and a check mark is displayed next to it. If the attribute’s value is undefined, the value is set to false.	`boolean`	`false`
`value`	`value`	Value corresponding to the option, that is saved when the form data is saved.	`string`	`undefined`

# Events

Event	Description	Type
`fwSelected`	Triggered when an option is selected.	`CustomEvent<any>`

# Dependencies

# Used by

# Graph

graph TD;
  fw-datepicker --> fw-select-option
  fw-select --> fw-select-option
  fw-timepicker --> fw-select-option
  style fw-select-option fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks

← Select (fw-select) Spinner (fw-spinner) →