FieldValueList

The FieldValueList component displays a list of attributes and their corresponding values. The information will display in the order that it is provided via the fields array.

For more information on how to use the features and props for this component, check out the developer documentation.

The FieldValueList component accepts a list of fields, each containing an id, name, and value. The name is restricted to strings only, but the value can be any ReactNode.

FieldValueLists come with two variants that alter the physical appearance of the list: inline and stacked.

NameTypeDefaultDescription
fields*
{
  id: string;
  name: string;
  value: ReactNode;
}[]
The set of field values to render in the list.
classNamestringAdditional CSS classes.
variant
'inline' |'stacked' 
"inline" Determines if the field and values should be displayed on the same line, or stacked with the field above the value.