function / @typed/ui

Dialog.Heading

Renders a dialog heading with explicit ARIA level semantics.

Learn this UI primitive →

Package version
1.0.0-beta.7
Category
Dialog naming and description
Since
1.0.0
Member of
Dialog

Import

import { Dialog } from "@typed/ui";

Access Dialog.Heading through the imported Dialog export. Its declaration below describes the member.

This public exposure is a re-export. Its import path is supported; declaration documentation is shared with the other public exposures below.

Signatures

export declare function Heading<const Options extends HeadingOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, HeadingInternalProps<Options>>, Options["content"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;

Why

The helper creates a reliable naming target and preserves heading hierarchy.

Ownership and lifetime

Running the Fx owns dynamic content by Scope. A custom host must preserve id, role, and aria-level.

Examples

import { Heading } from "@typed/ui/Dialog"

const title = Heading({ id: "confirm-title", content: "Confirm" })

Other public imports

These import paths expose the same declaration. Each page retains its own public name and signature.

Source