angular / angular/components

[List] support "expand and collapse" from List spec

オープン
#14,994 コメント 3 件 リアクション 5 件 担当者 0 名 GitHub で見る
area: material/expansion area: material/list feature needs: discussion P5
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### Please describe the feature you would like to request.
The [List spec](https://material.io/design/components/lists.html#types) includes an "Expand and collapse" control. This functions more or less like an Expansion Panel but with List Item styling: dividers are used instead of a surrounding border / different background color, and the expand/collapse button is placed according to the rules for secondary action buttons.

#### What is the use-case or motivation for this proposal?
Support full capabilities of List as described in the spec

#### Is there anything else we should know?
I put together [a StackBlitz](https://stackblitz.com/edit/angular-material2-issue-list-expand) showing the current behavior when an expansion panel is placed in a list. The behavior is more or less as expected but the styling does not work as a list item, and just "fixing up" the current behavior is a lot to ask of consumers.

In my own project I built a component to implement this behavior, but it's not going to be as robust as it would be if supported directly here. Of course, styling an expansion panel to behave correctly when used as a list item is only one approach, and I don't mean to suggest a specific design. My custom component tracks its own expansion state and handles divider logic, etc, internally.

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

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

調査の方向性

リンクされている StackBlitz から始めて現在の動作を再現し、その後、既存の List コンポーネントと Expansion Panel コンポーネントをリンクされている List の仕様と比較します。展開/折りたたみの動作、区切り線、リスト項目のスタイリング、セカンダリアクションボタンの配置が要求されたデザインと一致すれば作業は完了です。payload には特定のファイルやテストは記載されていません。

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

評価

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

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

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