Skip to content

BaseDetailBox

conveniently display key value pairs in a list

Props

Prop nameDescriptionTypeValuesDefault
dataan array with objects to pass the data to be displayed, expecting an object with
label and value properties - if different please use valuePropertyName
and labelPropertyName respectively!
array-[]
valuePropertyNamecustomize the value property displayedstring-'value'
labelPropertyNamecustomize the label property displayedstring-'label'
languagespecify a language (ISO 639-1) (used for label if label is language specific object
e.g. { de: 'xxx', en: 'yyy' })
string-'en'

Demo

An Element to render data in datalist tags

Example with custom properties and language specific label