Backoffice
DefinitionRow
A label and its value (Figma "Definition Row" 2132:11102, Product=Backoffice): summary and quote lines in the Buy IPs dialog, the facts of a drawer, a Balance Card's lines.
Inside a DefinitionList.
<DefinitionRow label="Sessões">3 ativas</DefinitionRow>Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Definition Row · Backoffice
- Renovação
- 29 out · US$ 5,20
string
Variantes, tamanhos e estados
Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).
Product · Backoffice
| Layout | Definition Row · Backoffice |
|---|---|
| Stacked |
|
| Inline |
|
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| label | ReactNode | — | "Renovação". |
| layout? | "inline" | "stacked" | "stacked" | Figma "Layout": Stacked (label over value) or Inline (label left, value right-aligned; both halves share the row and the value wraps). |
| className? | string | — | |
| children | ReactNode | — | The value. |