BalanceReckon Design System

Data Group

Use data rows to render key/value pairs within related groups.

DataGroupProps

PropTypeRequiredDefaultDescription
alignAlignmentType
left|right
—leftHow the value should be horizontally aligned.
childrenReactNodeYes—Each row in the group.
cssnever——Does not accept css
templateTemplateType—[1, 2]Define the relative width of each column. The default the ratio of label to value is 1:2.

DataRowProps

PropTypeRequiredDefaultDescription
childrenReactNodeYes——
labelstringYes——