Revert "ACS-3640 a 11 y aca 881740 snackbar messages disappear without option to adjust timing (#7916)" (#7977)

This reverts commit 4d76ebe1ab.
This commit is contained in:
Denys Vuika
2022-11-15 16:30:31 +00:00
committed by GitHub
parent 54c1dbeca5
commit 2683383881
26 changed files with 51 additions and 443 deletions

View File

@@ -1,46 +0,0 @@
---
Title: Snackbar Content Component
Added: v5.1.0
Status: Active
Last reviewed: 2022-11-08
---
# [Snackbar Content Component](lib/core/src/lib/snackbar-content/snackbar-content.component.ts "Defined in snackbar-content.component.ts")
Custom content for Snackbar which allows use icon as action.
## Basic Usage
```ts
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.

View File

@@ -38,21 +38,18 @@ Shows a notification message with optional feedback.
- _message:_ `string` - Text message or translation key for the message.
- _action:_ `string` - (Optional) Action name
- _interpolateArgs:_ `any` - (Optional) The interpolation parameters to add for the translation
- _showError:_ `boolean` - (Optional) True if action should be visible, false if not. Default: true.
- **Returns** [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>` -
- **showInfo**(message: `string`, action?: `string`, interpolateArgs?: `any`): [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>`<br/>
Rase info message
- _message:_ `string` - Text message or translation key for the message.
- _action:_ `string` - (Optional) Action name
- _interpolateArgs:_ `any` - (Optional) The interpolation parameters to add for the translation
- _showError:_ `boolean` - (Optional) True if action should be visible, false if not. Default: true.
- **Returns** [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>` -
- **showWarning**(message: `string`, action?: `string`, interpolateArgs?: `any`): [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>`<br/>
Rase warning message
- _message:_ `string` - Text message or translation key for the message.
- _action:_ `string` - (Optional) Action name
- _interpolateArgs:_ `any` - (Optional) The interpolation parameters to add for the translation
- _showError:_ `boolean` - (Optional) True if action should be visible, false if not. Default: true.
- **Returns** [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>` -
## Details