A list creator input.
Props
Name
Description
Type
Default
addIcon
The icon to display next to the field
[namespace: stringor
symbol, name: string]or
string
[ICON_NAMESPACE, plus]
deleteIcon
Icon for the delete button.
[namespace: stringor
symbol, name: string]or
string
[ICON_NAMESPACE, trash]
disabled
If the field is disabled.
booleanor
undefined
icon
The icon to display next to the field
[namespace: stringor
symbol, name: string]or
stringor
undefined
label
The label of the field.
string
messages
The validation messages of the field
ValidationMessagesor
undefined
name
The name of the field.
string
options
A list of options to choose from.
TypeaheadOption[]
placeholder
The placeholder for the input.
string
renderItem
Render the list item.
(h: typeof h, option: TypeaheadOption) => stringor
VNodeor
VNode[]or
null
( h, { name }, ) => <input readonly class={input} value={name} tabindex={-1} />
value
The selected item ids
string[]
ValidationMessages
Name
Description
Type
TypeaheadOption
An option to be selected.
Name
Description
Type
The display name of the option.
The string to be used as a value.
Events
Event
Detail
Description
fieldchange
FieldChange<string[]>
Emitted when the value of the field is changed.
CSS Variables
Name
Description
--field-grid-columns
The field layout.
Parts
Name
Description
value-list
Target the ul containing the list items.
value-list-item
Target the li containing the option,