feat(checkbox, radio): Provide a way to vertically align checkboxes and radios in stacked layouts
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
### Feature Description
MDC increased checkbox and radio touch areas. It means that in a stacked layout, the checkboxes/radios are visually indented to the right.
It can be seen in the checkbox docs: https://material.angular.io/components/checkbox/examples (the "Checkboxes with reactive forms" example).
It makes forms visually unbalanced - because other elements (labels, text inputs) don't have such indentation.
While a workaround with custom CSS is possible, it would relies on internal details of the Material components (sizes).
It would be great to have the official / documented way to do that. Maybe expose a variable as public API, add an Input to the components, or something else.
### Use Case
_No response_
コントリビューションガイド
調査の方向性
checkbox ドキュメントの「Checkboxes with reactive forms」例と、checkbox および radio コンポーネントのエントリポイントから始めます。スタックされたレイアウトを隣接するラベルや入力と比較し、そのうえで公開される配置動作と、そのドキュメント化の方法を定義します。両方のコンポーネントが、内部サイズに依存せずに配置するための公式で安定した方法を備えれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- design, frontend
- issue の種類
- 機能追加
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 25/100