AlertBeam

Playground

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

Alert Beam

Agir agoraPossível golpe

Número não salvo, final 4471 · hoje, 14:05

Primeiro passo: ligue pra ela e peça que não faça nenhum Pix até falar com você.

severity

size

className

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

Size	Alert Beam
Desktop	Agir agoraPossível golpe Alguém dizendo ser da família está pedindo um Pix pra Marlene Número não salvo, final 4471 · hoje, 14:05 Primeiro passo: ligue pra ela e peça que não faça nenhum Pix até falar com você.
Phone	Agir agoraPossível golpe Alguém dizendo ser da família está pedindo um Pix pra Marlene Número não salvo, final 4471 · hoje, 14:05 Primeiro passo: ligue pra ela e peça que não faça nenhum Pix até falar com você.

Size	Alert Beam
Desktop	Vale conversar hojePossível aliciamento Um contato que a Lia não tem salvo pediu segredo Contato não salvo · hoje, 09:40 Primeiro passo: converse com a Lia hoje, com calma e sem acusar.
Phone	Vale conversar hojePossível aliciamento Um contato que a Lia não tem salvo pediu segredo Contato não salvo · hoje, 09:40 Primeiro passo: converse com a Lia hoje, com calma e sem acusar.

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

AlertBeamRootProps

Prop	Tipo	Padrão	Descrição
severity	AlertBeamSeverity	—	Figma "Severity".
size?	AlertBeamSize	"desktop"	Figma "Size".
className?	string	—

AlertBeamTitleProps

Prop	Tipo	Padrão	Descrição
level?	2 \| 3 \| 4	2	Outline level of the title; the look stays the same.
className?	string	—