The title block at the top of a signed-in page (Figma "Page Heading" 192:1686): Início, Alertas, Família, Minha conta.

The title is the page's <h1> in Heading/1; the eyebrow is a date or a person ("SUA MÃE · 76 ANOS").

<PageHeading eyebrow="DOMINGO, 18 DE OUTUBRO" description="Tudo calmo com a Lia hoje.">Início</PageHeading>

Playground

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

Page Heading

Início

Sua conta está pronta. O painel chega em breve.

eyebrow

string

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

Page Heading
Início Sua conta está pronta. O painel chega em breve.

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
slot?	string	—
children	ReactNode	—	Figma `Title`: the page's `<h1>`. (`title` is the DOM tooltip, so the title is the children.)
eyebrow?	ReactNode	—	Figma `eyebrow` + `showEyebrow`: overline in brand above the title.
description?	ReactNode	—	Figma `Body` + `showBody`: muted text under the title.
className?	string	—