Heading Cabeçalho - Docs - Artefact

Heading Cabeçalho

Typography

Apresentacional

Introdução

Um componente polimórfico para exibir títulos e cabeçalhos com estilo consistente.

Uso

Page Title

import { Heading } from "../components/ui";

export default function MyPage() {
  return (
    <Heading as="h1" size="3xl">
      Page Title
    </Heading>
  );
}

Construtor de páginas CMS

Este componente está disponível como um bloco heading no Construtor de páginas (content/pages/*.json):

{
  "type": "heading",
  "text": "Page Title",
  "as": "h1",
  "size": "3xl"
}

Propriedades

Prop	Tipo	Descrição
`children`	`any`	O texto ou conteúdo.
`class`	`string`	Classes CSS personalizadas.
`as`	`string`	O elemento HTML a renderizar (por exemplo, "h1", "h2"). Padrão "h2".
`size`	`string`	A variante de tamanho de fonte.
`interactive`	`boolean`	Se deve habilitar a hidratação do lado do cliente.