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 |