HelpRow
Compact entry to the help sheet on dependent-side screens (Figma "Help Row" 2056:47206): question icon, "Precisa de ajuda?", the free help lines and a chevron.
The whole row is one button that opens the Help Footer content in a sheet (aria-haspopup="dialog"); at least 76 px tall. Audience=Idoso uses the large-mode type. Not for guardian screens.
<HelpRow audience="elder" title="Precisa de ajuda?" description="Disque 100 para golpes e violência contra pessoas idosas. Grátis." onClick={openHelp} />Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Help Row
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).
Audience · Menor
| Default | Hover | Focus | Pressed |
|---|---|---|---|
Audience · Idoso
| Default | Hover | Focus | Pressed |
|---|---|---|---|
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 |
|---|---|---|---|
| audience? | "elder" | "minor" | "minor" | Figma "Audience": Menor (minor) or Idoso (elder, large type 18/16). |
| title | string | — | Figma `title` ("Precisa de ajuda?"). |
| description | string | — | The free lines for this audience (an override per Audience in Figma). |
| className? | string | — | |
| type? | "button" | "reset" | "submit" | "button" |
PhraseCard
Shows the guardian the exact consent phrase the person will read (Figma "Phrase Card" 2130:12404): overline, the quoted phrase on the lilac surface and a meta line.
PermissionGate
The screen before a capture step (Figma "Permission Gate" 189:1760): what the step needs and why, asked before the browser prompt.