Auth
ResendAction
Resend the link or the code (Figma "Resend Action" 183:619): the full-width outline button of an auth step that carries its own cooldown.
While it counts down it is disabled and shows a timer and "30s" (or "47:12" for a long rate limit) after the label. loading while the request is in flight. The countdown is part of the name but not a live region: a per-second announcement would drown the page.
<ResendAction cooldown={secondsLeft} loading={sending} onClick={resend}>Reenviar link</ResendAction>Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Resend Action
string
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).
| Ready | Cooldown |
|---|---|
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 |
|---|---|---|---|
| cooldown? | number | 0 | Seconds left before another send is allowed. 0 = Figma State=Ready; above 0 = State=Cooldown (locked, a timer and the countdown in the label). |
| className? | string | — | |
| children? | React.ReactNode | — |