Account
DependentRow
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Dependent Row
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).
| Saved | Incomplete | Draft | Member |
|---|---|---|---|
Lia Alves12 anos · +55 11 98765-4321 Filho(a) | Lia Alves12 anos · +55 11 98765-4321 | Lia Alves12 anos Filho(a) | lia@exemplo.com.br Cônjuge / parceiro(a) |
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
DependentRowRootProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| state? | "draft" | "incomplete" | "member" | "saved" | null | "saved" | |
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | A list item keeps the look (`<li />`). |
| className? | string | — |
DependentRowTextProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| name | ReactNode | — | Figma "Name": the person's name (or the member's e-mail). |
| meta? | ReactNode | — | Figma "Meta": age and phone ("12 anos · +55 11 98765-4321"). |
| className? | string | — |