# 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

Last Updated: 5/10/2020, 10:25:52 PM