Menu is a small floating panel used to display a list of actions or navigational items.
import { DaffMenuComponent } from '@daffodil/design/menu'
@Component()
class DaffMenuComponent implements AfterContentInit, AfterViewInit {}
import { DaffMenuItemComponent } from '@daffodil/design/menu'
@Component()
class DaffMenuItemComponent {}
import { DaffMenuActivatorDirective } from '@daffodil/design/menu'
@Directive()
class DaffMenuActivatorDirective implements OnDestroy {
@Input() daffMenuActivator: TemplateRef<unknown> | Type$1<unknown>
ngOnDestroy(): void
focus(): void
}
TemplateRef | Type$1
Default | – |
---|---|
Description |
void
void
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
}
Promise
Parameter | activatorElement: ViewContainerRef |
---|---|
Description |
Parameter | component: DaffMenuSlot |
---|---|
Description |
void
void
void
Parameter | activator: ViewContainerRef |
---|---|
Description |
Parameter | component: DaffMenuSlot |
---|---|
Description |
import { DaffMenuModule } from '@daffodil/design/menu'
@NgModule()
class DaffMenuModule {}
import { daffMenuCreateOverlay } from '@daffodil/design/menu'
function daffMenuCreateOverlay(
overlay: Overlay
element: ElementRef<any>
config: OverlayConfig = {}
): OverlayRef
Parameter | overlay: Overlay |
---|---|
Description |
Parameter | element: ElementRef |
---|---|
Description |
Parameter | config: OverlayConfig |
---|---|
Default | {} |
Description |