NgDocDemoPaneComponent

Renders a demo of the page in front of its source files, which the reader reveals by dragging the pane's resizer. The demo sits on the dot-grid canvas of demos, with a control that shows it fullscreen with the browser Fullscreen API where the browser supports it.

Decorators: @Component
Selectors: ng-doc-demo-pane

DeclarationTypeScript

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

Members

Properties 4
assets: `Signal<NgDocDemoAsset[]>` readonly	Source files of the demo, filtered by the `tabs` option.
componentName: `InputSignal<string \| undefined>` readonly `input()`	Name of the demo component in the page's `demos`.
demo: `Signal<Type<unknown> \| undefined>` readonly	The demo component.
options: `InputSignal<NgDocBaseDemoOptions>` readonly `input()`	Options of the `demoPane` action.

Symbol

Kind: Class
Decorators: @Component
Selectors: ng-doc-demo-pane
Scope: @ng-doc/app

Edit this page

Members

Properties