GitHub

DaffNotificationComponent

import { DaffNotificationComponent } from '@daffodil/design/notification'

DaffNotificationComponent provides a way to display and communicate information related to user actions within a page's content.

@Component()
class DaffNotificationComponent implements DaffPrefixable {
  faTimes: IconDefinition = faTimes
  @ContentChild() _prefix: DaffPrefixDirective
  @ContentChild() _actions: DaffNotificationActionsDirective
  @HostBinding() class: boolean = true
  @HostBinding() tabindex: string = '0'
  @HostBinding() 
  get role(): "alert" | "status"
  @HostBinding() 
  get verticalOrientation(): boolean
  @HostBinding() 
  get horizontalOrientation(): boolean

  @Input() @HostBinding() dismissible: boolean = false
  @Input() orientation: DaffNotificationOrientation

  @Output() closeNotification: EventEmitter<void> = new EventEmitter()

  onCloseNotification(event: Event): void
}

Properties

faTimes
IconDefinition
DefaultfaTimes
Description
_prefix
DaffPrefixDirective
Default
Description
_actions
DaffNotificationActionsDirective
Default
Description
class
boolean
Defaulttrue
Description
tabindex
string
Default'0'
Description
role
"alert" | "status"
Default
Description

Sets role to alert when status="warn" or status="critical". Sets role to status on all other instances.

verticalOrientation
boolean
Default
Description
horizontalOrientation
boolean
Default
Description

() Methods

onCloseNotification
void
Parameters
Parameterevent: Event
Description

Inputs

dismissible
boolean
Defaultfalse
Description

Whether or not a notification is closable

orientation
DaffNotificationOrientation
Default
Description

Outputs

closeNotification
EventEmitter<void>
Default
Description

Output event triggered when the close icon is clicked.