DaffNotificationComponent

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

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

@Component()
class DaffNotificationComponent implements DaffPrefixable {
  faTimes: faTimes
  @ContentChild() _prefix: DaffPrefixDirective
  @ContentChild() _actions: DaffNotificationActionsDirective
  @HostBinding() class: true
  @HostBinding() tabindex: '0'
  @HostBinding() 
  get role()
  @HostBinding() 
  get verticalOrientation()
  @HostBinding() 
  get horizontalOrientation()
  @Input() @HostBinding() dismissible: false
  @Input() 
  get orientation(): DaffNotificationOrientation
  set orientation(value): DaffNotificationOrientation
  @Output() closeNotification: EventEmitter<void>
  onCloseNotification(event: Event)
}

Properties

Name	Type	Description
faTimes	faTimes
_prefix	DaffPrefixDirective
_actions	DaffNotificationActionsDirective
class	true
tabindex	'0'
role		Sets role to alert when status="warn" or status="critical". Sets role to status on all other instances.
verticalOrientation
horizontalOrientation
@Input() dismissible	false	Whether or not a notification is closable
@Input() orientation	DaffNotificationOrientation
@Output() closeNotification	EventEmitter<void>	Output event triggered when the close icon is clicked.
onCloseNotification