angular / angular/components

feat(mat-snackbar): Support to stacked variant from material design

オープン
#26,704 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: material/snack-bar feature P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

### Feature Description

Improve the SimpleSnackBar component to support the css class "mdc-snackbar--stacked" or create a separate component (possibly called "StackedSnackBar").

Native material design example (https://www.npmjs.com/package/@material/snackbar);
```

...

```

Current visual:
![image](https://user-images.githubusercontent.com/18235244/221767589-d4512f5b-96ff-4e71-93ed-622a6353f447.png)

New additional visual feature:
![image](https://user-images.githubusercontent.com/18235244/221767472-8a5cc94c-c2e9-4c26-ad0c-e4530284ba4f.png)

Please indicate the option to develop the function: if you should add the support css class in the real and unique component or create a new one component.

### Use Case

Bottom action button of the message (https://m2.material.io/components/snackbars#specs):
![image](https://user-images.githubusercontent.com/18235244/221767153-008596e1-cfd5-44c7-8bbb-61d1c217dab5.png)

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Angular Material SimpleSnackBar のエントリポイントから開始し、その構造をリンク先の Material Design のスタックされた snackbar の例と比較します。既存のコンポーネントで mdc-snackbar--stacked クラスを公開できるか、別のコンポーネントが必要かを判断します。スタックされたレイアウトと下部のアクションボタンのユースケースがサポートされれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。