CngxDialogTitle

DirectivePrimaryv0.1.0WCAG AA

projects/common/dialog/dialog/dialog-title.directive.ts

Import#

import { CngxDialogTitle } from '@cngx/common/dialog'

Description#

Marks an element as the dialog's title for ARIA labelling.

Automatically generates a deterministic ID and registers with the parent CngxDialog for aria-labelledby. The title text is also announced via aria-live when the dialog transitions to 'open'.

<dialog cngxDialog>
  <h2 cngxDialogTitle>Confirm Delete</h2>
  …
</dialog>

Metadata#

Selector: [cngxDialogTitle]
Export as: cngxDialogTitle

Host#

Static attributes: [id]id()

Index#

Properties

Derived State

textContent

HostBindings

Instance Properties#

id#unknown

signal()Readonly

Auto-generated unique ID bound to the host [id] attribute.

Used by CngxDialog for aria-labelledby. When a parent CngxDialog is present, the ID is derived from the dialog's ID (e.g. cngx-dialog-0-title).

signal(nextUid('cngx-dialog-title'))

HostBindings#

Binding	Expression
`[id]`	`id()`