SuperdindaDocs
Navigation

StepHeading

The title block of a flow step (Figma "Step Heading" 185:1175): onboarding, setup, connect.

The title is the step's <h1> (move focus to it on step change); the eyebrow names the step ("PASSO 2 DE 4 · COMO AVISA") and is required on phone, where the step pill shows numbers only.

<StepHeading eyebrow="PASSO 1 DE 4 · QUEM" description="Filhos, netos, ou seus pais e avós. Dá pra incluir mais depois.">Quem você vai acompanhar</StepHeading>

Playground

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

Step Heading

Quem você vai acompanhar

Filhos, netos, ou seus pais e avós. Dá pra incluir mais depois.

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).

Step Heading ·

Step Heading

Quem você vai acompanhar

Filhos, netos, ou seus pais e avós. Dá pra incluir mais depois.

Props

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

Nenhum tipo `*Props` exportado.

On this page