SignalChip
One detected signal in plain words (Figma "Risk Alert / Signal Chip" 2023:2448): "pediu segredo", "quer mudar de app", "Pix pra chave de outra pessoa".
A neutral outline pill, so it never competes with the severity band. Up to three per alert; never a judgement of the person. Not interactive.
<SignalChip>pediu segredo</SignalChip>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 / Signal Chip
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).
Risk Alert / Signal Chip ·
| Risk Alert / Signal Chip |
|---|
| pediu segredo |
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 |
|---|---|---|---|
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | Another element keeps the look (`<li />` in a list of signals). |
| className? | string | — |
TimelineItem
One event of a person's protection history (Figma "Timeline Item" 2058:52517, Kind × 7): a 32 px dot with the kind's icon on its role colour, a 2 px connector, title and meta.
ConsentHeader
The dependent-side consent header (Figma "Consent Header" 189:1662): the person who asked, name first and request second, and where the person is in the four steps.