GitHub

Menu

Menu is a small floating panel used to display a list of actions or navigational items.

Components

import { DaffMenuComponent } from '@daffodil/design/menu'

@Component()
class DaffMenuComponent implements AfterContentInit, AfterViewInit {}

import { DaffMenuItemComponent } from '@daffodil/design/menu'

@Component()
class DaffMenuItemComponent {}

Directives

import { DaffMenuActivatorDirective } from '@daffodil/design/menu'

@Directive()
class DaffMenuActivatorDirective implements OnDestroy {
  @Input() daffMenuActivator: TemplateRef<unknown> | Type$1<unknown>

  ngOnDestroy(): void
  focus(): void
}

Inputs

daffMenuActivator
TemplateRef | Type$1
Default
Description

() Methods

ngOnDestroy
void
focus
void

Services

import { DaffMenuService } from '@daffodil/design/menu'

@Injectable()
class DaffMenuService {
  protected _overlay: OverlayRef
  open$: Observable<boolean> = this.$_open.asObservable()
  protected overlay: Overlay

  protected _createOverlay(
    activatorElement: ViewContainerRef
    component: DaffMenuSlot
  ): Promise<void>
  protected _destroyOverlay(): void
  close(): void
  open(
    activator: ViewContainerRef
    component: DaffMenuSlot
  ): void
}

() Methods

_createOverlay
Promise
Parameters
ParameteractivatorElement: ViewContainerRef
Description
Parametercomponent: DaffMenuSlot
Description
_destroyOverlay
void
close
void
open
void
Parameters
Parameteractivator: ViewContainerRef
Description
Parametercomponent: DaffMenuSlot
Description

Modules

import { DaffMenuModule } from '@daffodil/design/menu'

@NgModule()
class DaffMenuModule {}

Helpers

import { daffMenuCreateOverlay } from '@daffodil/design/menu'

function daffMenuCreateOverlay(
  overlay: Overlay
  element: ElementRef<any>
  config: OverlayConfig = {}
): OverlayRef
Parameters
Parameteroverlay: Overlay
Description
Parameterelement: ElementRef
Description
Parameterconfig: OverlayConfig
Default{}
Description