GitHub

DaffModalCloseDirective

import { DaffModalCloseDirective } from '@daffodil/design/modal'

The DaffModalCloseDirective is a helper directive that passes a click event to the button it's used with to close a modal. It needs to be implemented with the <button> HTML element to work. This helps to reduce code duplication.

@Directive()
class DaffModalCloseDirective {
  @HostBinding() typeAttribute: string = 'button'

  @HostListener() _onCloseModal(event: MouseEvent): void
}

Properties

typeAttribute
string
Default'button'
Description

Sets the button type attribute to button.

() Methods

_onCloseModal
void

Event fired when the button the directive is attached to is clicked. This is used to close a modal.

Parameters
Parameterevent: MouseEvent
Description