AlertDetail

Playground

Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.

Alert Signals

Sinais

className

string

Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).

Alert Signals
Sinais pediu segredo quer mudar de app marcou encontro

As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.

AlertSignalsProps

Prop	Tipo	Padrão	Descrição
label?	string	"Sinais"	Figma "label": the heading word.
items	string[]	—	Figma "Signal 1..4": what the Superdinda noticed, in a few words each.
className?	string	—

AlertStepsProps

Prop	Tipo	Padrão	Descrição
title?	string	"O que fazer agora"	Figma "title".
level?	2 \| 3 \| 4	3	Heading level of the title, so it nests under the alert heading.
steps	ReactNode[]	—	Figma "step1..3": what to do, in order (showStep3 = a third item).
className?	string	—

AlertScriptProps

Prop	Tipo	Padrão	Descrição
label?	string	"Como puxar o assunto"	Figma "label": the toggle text.
script	ReactNode	—	Figma "script": the sentence to start the conversation, quoted.
hint?	ReactNode	—	Figma "hint" (showHint): when and how to say it.
className?	string	—

AlertResolutionProps

Prop	Tipo	Padrão	Descrição
outcome?	"not-a-risk" \| "resolved" \| null	"resolved"
overline?	string	—	The overline word; defaults to the outcome ("Resolvido", "Não era risco").
title	string	—	Figma "title": who closed it and when ("Resolvido pela Mariana · hoje, 19:30").
reason?	ReactNode	—	Figma "reason" (showReason): the note left when closing, quoted.
action?	ReactNode	—	Figma "Action" (showAction): e.g. an outline "Reabrir aviso" Button.
className?	string	—

AlertStatusCardProps

Prop	Tipo	Padrão	Descrição
state?	AlertStatusCardState	"new"
overline?	string	"Este aviso"	The overline ("Este aviso").
statusLabel?	string	—	Replaces the status badge word.
meta?	string	—	Figma "meta": when it arrived ("Chegou hoje às 22:47").
body?	ReactNode	—	Figma "body": who else knows and what to do here.
primaryAction?	ReactNode	—	Figma "Primary action": e.g. an outline "Registrar como a Lia está" Button.
linkAction?	ReactNode	—	Figma "Link action": "Esse aviso não faz sentido?". Shown only while the alert is New; never make it prominent for self-harm.
className?	string	—

AlertHistoryItemProps

Prop	Tipo	Padrão	Descrição
time	string	—	Figma "time": hour or date, already formatted ("19:30").
dateTime?	string	—	ISO date-time for the `<time>` element.
className?	string	—
children?	ReactNode	—

AlertHistoryProps

Prop	Tipo	Padrão	Descrição
overline?	string	"Histórico"	The overline ("Histórico").
footnote?	ReactNode	—	Figma "footnote": what is kept and for how long.
className?	string	—
children	ReactNode	—	AlertHistoryItem elements, newest first.

AlertShareBannerProps

Prop	Tipo	Padrão	Descrição
avatar	ReactNode	—	Figma "Avatar": who shared it, e.g. <Avatar.Root tone="brand"><Avatar.Fallback>MA</Avatar.Fallback></Avatar.Root>.
title	string	—	Figma "title": "A Mariana pediu pra você conversar com a Lia".
note?	ReactNode	—	Figma "note" (showNote): the message they left, quoted.
meta?	string	—	Figma "meta": when it was shared.
className?	string	—