Playground

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

Auth Step

Entre sem senha

Digite seu e-mail. Se for sua primeira vez, criamos sua conta na hora.

ou entre com

step

className

string

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

Auth Step
Entre sem senha Digite seu e-mail. Se for sua primeira vez, criamos sua conta na hora. ou entre com

Auth Step
Confira seu e-mail Enviamos um link de acesso para mariana@exemplo.com.br. Abra e você entra na hora. Abrir o Gmail Pode levar até 5 minutos pra chegar. O link vale por 14:59.

Auth Step
Digite o código Enviamos seis dígitos para mariana@exemplo.com.br. O código vale por 10 min. Abrir o Gmail Pode levar até 5 minutos pra chegar. O código vale por 9:59.

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
step?	AuthStepName	—	Figma `Step`. Only labels the column (`data-step`); the parts you put in make the step.
render?	ReactElement<unknown, string \| React.JSXElementConstructor<any>>	—	Another element keeps the layout (`<form />`, `<section />`).
className?	string	—