Components

WCombobox

Stories

Open in Storybook

Props

Prop	Default	Type
`suggestions`		`unknown[]`
`border`	`true`	`boolean \| undefined`
`to`	`'#root'`	`string \| undefined`
`isValid`	`true`	`Function \| undefined`
`emptyLabel`	`void 0`	`string \| undefined`
`ignoreFilter`	`false`	`boolean \| undefined`
`restrictToSuggestions`	`false`	`boolean \| undefined`
`modelValue`		`string \| undefined`
`id`		`string \| undefined`
`open`		`boolean \| undefined`
`searchTerm`		`string \| undefined`
`loading`		`boolean \| undefined`
`displayKey`		`string \| undefined`
`displayValue`		`Function \| undefined`
`displayEntry`		`Function \| undefined`
`constrainWidthTo`		`string \| number \| null \| undefined`
`constrainHeightTo`		`string \| number \| null \| undefined`
`contentProps`		`Record<string, any> \| undefined`
`inputProps`		`Record<string, any> \| undefined`

Events

Event	Type
`update:modelValue`	`[value: string \| undefined]`
`update:open`	`[value: boolean \| undefined]`
`update:searchTerm`	`[value: string \| undefined]`
`update:loading`	`[value: boolean \| undefined]`

Slots

Slot	Type
`loading-indicator`	`{}`
`right`	`{}`
`trigger`	`{ open: boolean; }`
`toggle`	`{ isOpen: boolean; }`
`header`	`{ class: string; filtered: unknown[]; isShowingEmptyLabel: boolean; }`
`invalid`	`{ searchTerm: string; errorMessage: any; id: string; role: string; }`
`suggestions`	`{ filtered: unknown[]; display: (value: NonNullable<AcceptableValue \| AcceptableValue[] \| undefined>, options?: { isForEmit?: boolean \| undefined; } \| undefined) => string; searchTerm: string; }`
`suggestion-icon`	`{ suggestion: unknown; }`
`suggestion`	`{ suggestion: unknown; suggestionText: string; }`

WColorPicker

WDarkModeSwitcher