The headline block of auth steps (Figma "Welcome Header" 183:534): start, link sent, code, provider, verify, resume.

Centred, neutral, no illustration beyond the optional icon tile.

<WelcomeHeader description="Digite seu e-mail. Se for sua primeira vez, criamos sua conta na hora.">Entre sem senha</WelcomeHeader>

Playground

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

Welcome Header

Entre sem senha

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

icon

boolean

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

Welcome Header
Entre sem senha Digite seu e-mail. Se for sua primeira vez, criamos sua conta na hora.

Welcome Header
Entre sem senha Digite seu e-mail. Se for sua primeira vez, criamos sua conta na hora.

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
children	ReactNode	—	Figma `Headline`: the page's `<h1>`.
description?	ReactNode	—	Figma `Description` + `showDescription`. Give it an id and point the step's form at it with `aria-describedby`.
icon?	ReactNode	—	Figma `Icon=True`: a lucide element, drawn in the 56 px soft brand tile (Step Icon). Decorative.
descriptionId?	string	—	Id of the description, for the form's `aria-describedby`.
className?	string	—