NgDocDemoDisplayerComponent

A demo on the dot-grid stage with a copy button and a toggle that reveals its code below it (the rows of a playground use it).

DeclarationTypeScript

@Component({ … })
export class NgDocDemoDisplayerComponent { … }

Members

Properties 7
border: `InputSignal<boolean>` readonly `input()`	Whether the displayer draws its border.
code: `InputSignal<string>` readonly `input()`	Code of the demo, copied by the copy button and shown when there is no `codeContent`.
codeContent: `InputSignal<NgDocContent>` readonly `input()`	Content shown when the code is revealed; when empty, the highlighted `code` is shown.
codeId: `string` protectedreadonly	Id of the region that holds the code, for the toggle's `aria-controls`.
container: `InputSignal<boolean>` readonly `input()`	Whether the demo is shown in the stage with its controls; otherwise it is shown as is.
expanded: `ModelSignal<boolean>` readonly `model()`	Whether the code is revealed.
language: `InputSignal<string>` readonly `input()`	Language of `code`.
Methods 1
(): `void`	Reveals or hides the code.
Signature `toggle(): void;` Returns `void`