atomic-result-multi-value-text

This is for:

Developer
In this article

See Display results to learn more about customizing your result templates.

The atomic-result-multi-value-text component renders the values of a multi-value string field.

Properties

Property Attribute Description Type Default

delimiter

delimiter

The delimiter used to separate values when the field isn’t indexed as a multi value field.

null | string

null

field (required)

field

The field that the component should use. The component will try to find this field in the Result.raw object unless it finds it in the Result object first. Make sure this field is present in the fieldsToInclude property of the atomic-search-interface component.

string

maxValuesToDisplay

max-values-to-display

The maximum number of field values to display. If there are n more values than the specified maximum, the last displayed value will be "n more…​".

number

3

Slots

Slots let you write custom HTML at a specific place inside a web component.

Slot Description

result-multi-value-text-value-*

A custom caption value that’s specified for a given part of a multi-text field value. For example, if you want to use Off-Campus Resident as a caption value for Off-campus apartment in Off-campus apartment;On-campus apartment, you’d use <span slot="result-multi-value-text-value-off-campus-apartment">Off-Campus Resident</span>). The suffix of this slot corresponds with the field value, written in kebab case.

Shadow Parts

Part Description

result-multi-value-text-list

The list of field values.

result-multi-value-text-separator

The separator to display between each of the field values.

result-multi-value-text-value

A field value.

result-multi-value-text-value-more

A label indicating some values were omitted.