fw-nested-select

fw-nested-select allows to display nested dropdown choices

Demo

Show Code

Usage

Properties

Property	Attribute	Description	Type	Default
errorText	error-text	Error text displayed below the text box.	string	''
hintText	hint-text	Hint text displayed below the text box.	string	''
label	label	label	string	''
name	name	Name of first level field	string	''
optionLabelPath	option-label-path	OptionLabelPath referred from field	string	'value'
optionValuePath	option-value-path	OptionValuePath referred from field	string	'id'
options	--	Options to display	any[]	[]
required	required	Specifies the select field as a mandatory field and displays an asterisk next to the label. If the attribute’s value is undefined, the value is set to false.	boolean	false
selectProps	select-props	Function to return initialValues	any	undefined
state	state	Theme based on which the list box is styled.	"error" \| "normal" \| "warning"	'normal'
value	value	Initial value from first level choices	string	''
warningText	warning-text	Warning text displayed below the text box.	string	''

Events

Event	Description	Type
fwChange	Triggered when nested selection doesn't have choices	CustomEvent<any>

Dependencies

Used by

• fw-form-control

Depends on

• fw-nested-node

Graph

graph TD;
  fw-nested-select --> fw-nested-node
  fw-nested-node --> fw-nested-node
  fw-nested-node --> fw-select
  fw-select --> fw-tag
  fw-select --> fw-popover
  fw-select --> fw-button
  fw-select --> fw-spinner
  fw-select --> fw-icon
  fw-select --> fw-list-options
  fw-select --> fw-tooltip
  fw-tag --> fw-tooltip
  fw-tag --> fw-avatar
  fw-tag --> fw-icon
  fw-tooltip --> fw-popover
  fw-button --> fw-spinner
  fw-button --> fw-icon
  fw-list-options --> fw-select-option
  fw-list-options --> fw-input
  fw-select-option --> fw-icon
  fw-select-option --> fw-checkbox
  fw-select-option --> fw-avatar
  fw-checkbox --> fw-icon
  fw-input --> fw-icon
  fw-input --> fw-tooltip
  fw-form-control --> fw-nested-select
  style fw-nested-select fill:#f9f,stroke:#333,stroke-width:4px

---

Built with ❤ at Freshworks