SelectedValuesRendererProps

Props for SelectedValuesRenderer component

Props

The following table outlines the props for the SelectedValuesRendererProps:

NameTypeDefaultDescription
chipTemplate
((Item: T) => node)
-

Custom template or render function for each selected chip (multi-select mode).

delimiterChar
string
-

Character to use for joining values in delimiter modes

disabled
boolean
-

Specifies whether component is disabled.

isInputFocused
boolean
-

Whether input is currently focused (for auto mode)

itemData
T[] | null
-

Array of selected item data

mode
DisplayMode.Box

Display mode for rendering selected values

resolvedFields
-

Field configuration for extracting text and value

Events

The following table outlines the events for the SelectedValuesRendererProps:

NameTypeDescription
onChipClick
(args: React.MouseEvent<HTMLDivElement>) => void

Triggers when the selected chips in the ChipList change.

onChipDelete
(itemData: ChipDeleteEvent) => void

Callback when a chip remove button is clicked