Usage Use data rows to render key/value pairs within related groups. Because we're
using a description list for the underlying elements, DataRow must be wrapped by
DataGroup even if there's just one row.
< DataGroup >
< DataRow label = " Key " >
< Text > Value </ Text >
</ DataRow >
< DataRow label = " Label " >
< Text > Content </ Text >
</ DataRow >
</ DataGroup >
Alignment Horizontally align the value, useful for numeric or similar data.
< DataGroup align = " right " >
< DataRow label = " Currency " >
< Text > $ 123.45 </ Text >
</ DataRow >
< DataRow label = " Percentage " >
< Text > 17.5 % </ Text >
</ DataRow >
</ DataGroup >
Template Define the relative width of the label and value columns using the template prop. The default the ratio is 1:2.
< DataGroup template = { [ 1 , 4 ] } >
< DataRow label = " Key " >
< Text > Value </ Text >
</ DataRow >
< DataRow label = " Label " >
< Text > Content </ Text >
</ DataRow >
</ DataGroup >
