GitHub

DaffSidebarViewportBackdropComponent

import { DaffSidebarViewportBackdropComponent } from '@daffodil/design/sidebar'
@Component()
class DaffSidebarViewportBackdropComponent implements OnInit {
  @HostBinding() interactableClass: true
  @Input() @HostBinding() transparent: false
  @Input() interactable: true
  @Input() @HostBinding() fullscreen: false
  @Output() backdropClicked: EventEmitter<void>
  ngOnInit(): void
  @HostBinding() 
  get fadeBackdropTrigger()
  @HostListener() animationDone(e: AnimationEvent_2)
  @HostListener() animationStart(e: AnimationEvent_2)
  @HostListener() onBackdropClicked(): void
}
Selector: 'daff-sidebar-viewport-backdrop'

Properties

Name Type Description
interactableClass true
@Input() transparent false

Determines whether or not the backdrop is transparent.

@Input() interactable true

Determines whether or not the backdrop is interactable.

@Input() fullscreen false

Boolean property that determines whether or not the backdrop should fill up its containing window.

@Output() backdropClicked EventEmitter<void>

Output event triggered when the backdrop is clicked.

ngOnInit void
fadeBackdropTrigger

Animation hook for that controls the backdrops entrance and fade animations.

animationDone
animationStart
onBackdropClicked void