alfresco-ng2-components/docs/core/components/snackbar-content.component.md
AleksanderSklorz eff4680081
[ACS-3640] Reverting reverted changes for a 11 y aca 881740 snackbar messages disappear without option to adjust timing (#7988)
* ACS-3640 Increasing time of autoclosing snackbar and adding possibility to add icon to snackbar content

* ACS-3640 Fix lint issues

* ACS-3640 Addressing PR comments and adding possibility to display icon together with label

* ACS-3640 Fix lint issues

* ACS-3640 Added possibility to change showAction for different types of notifications

* ACS-3640 Addressed PR comments

* ACS-3640 Corrected title for snackbar content md file and remove redundant test for snackbar content

* ACS-3640 Fixed lint issues

* ACS-3640 Fixed unit tests

* ACS-3640 Fixed e2e tests

* ACS-3640 Correction after rebasing

* ACS-3640 Use data automation id

* ACS-3640 Corrected one more selector

* ACS-3640 Added spaces

* ACS-3640 Added spaces

* ACS-3640 Added spaces

* ACS-3640 Added spaces
2022-11-21 09:37:18 +01:00

2.0 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Snackbar Content Component v5.1.0 Active 2022-11-08

Snackbar Content Component

Custom content for Snackbar which allows use icon as action.

Basic Usage

snackBar.openFromComponent(SnackbarContentComponent, {
    data: {
        message: 'Some message',
        actionLabel: "Some action label",
        showAction: true
    }
});

Class members

Properties

Name Type Default value Description
data SnackbarData false Object which is injected into snackbar's content with it's data.

Snackbar Data

Name Type Default value Description
actionLabel string false Displayed action as a text.
actionIcon string false Displayed action as an material icon.
actionIconAriaLabel string false Sets aria-label attribute for button with icon action.
message string false Visible snackbar's message for user.
showAction boolean false True if action should be visible, false in other case.
callActionOnIconClick boolean false True if clicking on icon should to trigger action, false in other case.

Details

Snackbar allows using action as string by default which causes that there is no possibility to use mat-icon inside snackbar's content. That custom content for Angular material Snackbar allows for that.