Menu

The floating panel that contains menu items.

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

Individual clickable items within the menu. Applied to <button> or <a> elements.

@Component()
class DaffMenuItemComponent implements FocusableOption {
  focus(): void
}

Directive that triggers the menu to open/close. Applied to the button that activates the menu. The selector doubles as an input for the menu content to display.

@Directive()
class DaffMenuActivatorDirective implements OnDestroy {
  readonly isOpen: WritableSignal<boolean> = signal(false)

  @Input() daffMenuActivator: TemplateRef<unknown> | Type<unknown>
}

@Injectable()
class DaffMenuService {
  open$: Observable<boolean> = this.$_open.asObservable()

  close(): void
  open(
    activator: ViewContainerRef
    component: DaffMenuSlot
  ): void
}

@NgModule()
class DaffMenuModule {}