Products · Components
DetailRow
A label and its value on one line, such as a line of a receipt.
Long values wrap and stay on the right.
Children: Nothing
Example
<View variant="card" gap="none">
<DetailRow label="Reference" value="AC-2041" />
<DetailRow label="Status" value="Paid" tone="success" />
<DetailRow label="Total" value="SLE 120.00" weight="bold" />
</View>Props
| Prop | Type | What it is |
|---|---|---|
label | string | |
value | string | |
tone | tone | The value's tone and weight. The label is always muted. |
weight | regular, medium, bold | Default: regular. |
padding, paddingTop, paddingStart, paddingEnd, paddingBottom | spacing | Space inside its edges, all round or on one side. |
Events
None.