RiskAlert
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
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
| Size · Excerpt | Visto | Novo | Resolvido |
|---|---|---|---|
| Phone · Hidden | Agir agoraPossível golpe Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeNovo Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeResolvido Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Phone · Shown | Agir agoraPossível golpe Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 Número não salvo, final 4471Oi, troquei de número. Salva esse aqui Número não salvo, final 4471Consegue me fazer um Pix agora? Te devolvo amanhã O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeNovo Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 Número não salvo, final 4471Oi, troquei de número. Salva esse aqui Número não salvo, final 4471Consegue me fazer um Pix agora? Te devolvo amanhã O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeResolvido Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 Número não salvo, final 4471Oi, troquei de número. Salva esse aqui Número não salvo, final 4471Consegue me fazer um Pix agora? Te devolvo amanhã O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Hidden | Agir agoraPossível golpe Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeNovo Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeResolvido Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Shown | Agir agoraPossível golpe Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 Número não salvo, final 4471Oi, troquei de número. Salva esse aqui Número não salvo, final 4471Consegue me fazer um Pix agora? Te devolvo amanhã O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeNovo Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 Número não salvo, final 4471Oi, troquei de número. Salva esse aqui Número não salvo, final 4471Consegue me fazer um Pix agora? Te devolvo amanhã O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível golpeResolvido Alguém dizendo ser da família está pedindo um Pix pra MarleneMarlene · WhatsApp · hoje, 14:02 · número não salvo, final 4471 Número não salvo, final 4471Oi, troquei de número. Salva esse aqui Número não salvo, final 4471Consegue me fazer um Pix agora? Te devolvo amanhã O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
Severity · Vale conversar hoje
| Size · Excerpt | Visto | Novo | Resolvido |
|---|---|---|---|
| Phone · Hidden | Vale conversar hojePossível aliciamento Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoNovo Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoResolvido Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Phone · Shown | Vale conversar hojePossível aliciamento Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 Contato não salvo, final 4471não conta pra ninguém, tá? Contato não salvo, final 4471vamos falar no outro app O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoNovo Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 Contato não salvo, final 4471não conta pra ninguém, tá? Contato não salvo, final 4471vamos falar no outro app O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoResolvido Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 Contato não salvo, final 4471não conta pra ninguém, tá? Contato não salvo, final 4471vamos falar no outro app O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Hidden | Vale conversar hojePossível aliciamento Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoNovo Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoResolvido Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Shown | Vale conversar hojePossível aliciamento Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 Contato não salvo, final 4471não conta pra ninguém, tá? Contato não salvo, final 4471vamos falar no outro app O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoNovo Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 Contato não salvo, final 4471não conta pra ninguém, tá? Contato não salvo, final 4471vamos falar no outro app O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Vale conversar hojePossível aliciamentoResolvido Um contato que a Lia não tem salvo pediu segredo e quer encontrá-laLia · WhatsApp · hoje, 09:40 · contato não salvo, final 4471 Contato não salvo, final 4471não conta pra ninguém, tá? Contato não salvo, final 4471vamos falar no outro app O trecho fica escondido até você tocar. Dados de outras pessoas aparecem mascarados. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
Severity · Para saber
| Size · Excerpt | Visto | Novo | Resolvido |
|---|---|---|---|
| Phone · Hidden | Para saberPossível golpe Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeNovo Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeResolvido Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Phone · Shown | Para saberPossível golpe Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola Grupo da escola · contato mascaradoGanhe um celular novo, é só clicar no link O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeNovo Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola Grupo da escola · contato mascaradoGanhe um celular novo, é só clicar no link O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeResolvido Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola Grupo da escola · contato mascaradoGanhe um celular novo, é só clicar no link O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Hidden | Para saberPossível golpe Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeNovo Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeResolvido Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Shown | Para saberPossível golpe Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola Grupo da escola · contato mascaradoGanhe um celular novo, é só clicar no link O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeNovo Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola Grupo da escola · contato mascaradoGanhe um celular novo, é só clicar no link O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Para saberPossível golpeResolvido Um link de sorteio falso chegou pra Lia num grupo da escolaLia · WhatsApp · ontem, 18:20 · grupo da escola Grupo da escola · contato mascaradoGanhe um celular novo, é só clicar no link O trecho fica escondido até você tocar. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
Severity · Autolesão
| Size · Excerpt | Visto | Novo | Resolvido |
|---|---|---|---|
| Phone · Hidden | Agir agoraPossível autolesão A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoNovo A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoResolvido A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Phone · Shown | Agir agoraPossível autolesão A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Liaqueria sumir de tudo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoNovo A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Liaqueria sumir de tudo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoResolvido A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Liaqueria sumir de tudo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Hidden | Agir agoraPossível autolesão A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoNovo A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoResolvido A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
| Desktop · Shown | Agir agoraPossível autolesão A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Liaqueria sumir de tudo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoNovo A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Liaqueria sumir de tudo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. | Agir agoraPossível autolesãoResolvido A Lia pode estar passando por um momento muito difícilLia · WhatsApp · hoje, 22:47 · conversa com um contato salvo Liaqueria sumir de tudo Você não precisa ler pra agir. O que importa agora é estar com ela. Sinais
O que fazer agora
Você vê só este trecho. O resto da conversa continua privado. |
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
RiskAlertRootProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| severity | AlertSeverity | — | |
| state? | AlertState | "seen" | Figma "State": Novo, Visto, Resolvido. Resolved hides the actions. |
| size? | RiskAlertSize | "phone" | |
| className? | string | — | |
| children? | ReactNode | — |
RiskAlertBandProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| type | string | — | Figma "Type": the kind of risk ("Possível aliciamento"). |
| severityLabel? | string | — | Replaces the severity word ("Agir agora"). |
| stateLabel? | string | — | Replaces the state badge word ("Novo", "Resolvido"). |
| className? | string | — |
RiskAlertHeadingProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| title | string | — | Figma "Title": what happened, in one sentence. |
| meta? | string | — | Figma "Meta": who, where and when. Never a message count. |
| level? | 1 | 2 | 3 | 2 | Document outline level of the title. |
| className? | string | — |
RiskAlertExcerptProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| label? | string | "Ver o trecho" | Toggle text while hidden. |
| hideLabel? | string | "Esconder o trecho" | Toggle text while shown. |
| note? | ReactNode | — | The line under the toggle ("O trecho fica escondido até você tocar."). |
| className? | string | — | |
| children? | ReactNode | — | The excerpt itself: a slot a later lane loads on demand (RiskAlert.Message bubbles). Nothing else of the conversation is ever shown. |
RiskAlertMessageProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| sender? | string | — | Figma "Sender": who wrote it, masked when it is someone else's data. |
| className? | string | — | |
| children? | ReactNode | — |
RiskAlertActionsProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| primary? | ReactNode | — | Figma "Primary action": a full-width brand Button (self-harm: an `<a href="tel:188">` "Ligar pro CVV 188" with buttonVariants). |
| contextual? | ReactNode | — | Figma "Contextual action": a full-width outline Button. |
| dismiss? | ReactNode | — | Figma "Dismiss action": "Não é risco" (opens the Reason Dialog). Never rendered for self-harm, whatever is passed. |
| share? | ReactNode | — | Figma "Share action" (showShareAction): e.g. "Pedir pra Mariana conversar". |
| className? | string | — |