Skip to content
@ng-doc/ui-kit / Class

NgDocDropdownComponent

Renders its content in an overlay connected to an origin: the origin input, or the surrounding ngDocDropdownOrigin.

Decorators
@Component
Selectors
ng-doc-dropdown
Implements
OnChangesOnDestroy
DeclarationTypeScript
@Component({ … })
export class NgDocDropdownComponent implements OnChanges, OnDestroy { … }

Members

Properties

26
afterClose: OutputEmitterRef<void>
readonly output()

Emits when the dropdown has closed.

afterOpen: OutputEmitterRef<void>
readonly output()

Emits when the open animation has finished.

beforeClose: OutputEmitterRef<void>
readonly output()

Emits when the dropdown starts closing.

beforeOpen: OutputEmitterRef<void>
readonly output()

Emits when the dropdown starts opening.

borderOffset: InputSignal<number>
readonly input()
—
changeDetectorRef: ChangeDetectorRef
protected
—
closeIfInnerClick: InputSignal<boolean>
readonly input()
—
closeIfOutsideClick: InputSignal<boolean>
readonly input()
—
contactBorder: InputSignal<boolean>
readonly input()
—
readonly input()

What the dropdown renders: a string, a template or a component.

hasBackdrop: InputSignal<boolean>
readonly input()
—
height: InputSignal<string | number>
readonly input()
—
maxHeight: InputSignal<string | number>
readonly input()
—
maxWidth: InputSignal<string | number>
readonly input()
—
minHeight: InputSignal<string | number>
readonly input()
—
minWidth: InputSignal<string | number>
readonly input()
—
origin: InputSignal<CdkOverlayOrigin | Point | null>
readonly input()

The origin to connect to. When it changes to null, the dropdown stays connected to the previous origin.

overlay: NgDocOverlayRef<unknown> | null
—
overlayHost: NgDocOverlayHost | null
protected
—
overlayProperties: NgDocOverlayProperties
—
overlayService: NgDocOverlayService
protected
—
panelClass: InputSignal<string | string[]>
readonly input()
—
readonly input()
—
viewContainerRef: ViewContainerRef
protected
—
width: InputSignal<string | number>
readonly input()
—
withArrow: InputSignal<boolean>
readonly input()
—

Accessors

2
get isFocused: boolean
—
get isOpened: boolean
—

Methods

7
(): void
—
(): void
—
(…): void
implements OnChanges
—
(): void
implements OnDestroy
—
(): void
—
(): void
—
(): void
—
Symbol
Kind
Class
Decorators
@Component
Selectors
ng-doc-dropdown
Implements
OnChangesOnDestroy
Scope
@ng-doc/ui-kit
Edit this page