Protection
RiskAlertRow
One alert in a list (Figma "Risk Alert / Row" 2024:2735): severity icon, "severity · type", the title and a meta line with the state badge, as a link to the alert page.
Use it on Alertas, the person page and the weekly card; the full alert is Risk Alert. Self-harm rows keep the fixed, clinically reviewed copy ("Possível autolesão"); no message content here.
<RiskAlertRow severity="talk-today" state="new" type="Possível aliciamento" title="Um contato que a Lia não tem salvo pediu segredo" meta="Lia · hoje, 09:40" href="/alertas/42" />Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Risk Alert / 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).
Severity · Agir agora
Severity · Vale conversar hoje
Severity · Para saber
Severity · Autolesão
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 |
|---|---|---|---|
| severity | AlertSeverity | — | |
| state? | AlertState | "seen" | |
| size? | "desktop" | "phone" | null | "phone" | |
| type | string | — | Figma "Type": the kind of risk ("Possível aliciamento"). |
| title | string | — | Figma "Title": one line on what happened. Clamped to two lines. |
| meta? | string | — | Figma "Meta": who and when ("Lia · hoje, 14:02"). |
| severityLabel? | string | — | Replaces the severity word. |
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | The router's link, e.g. `render={<NextLink href="/alertas/42" />}`. |
| className? | string | — |