feat(checkbox, radio): Provide a way to vertically align checkboxes and radios in stacked layouts
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### 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_
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia dall'esempio «Checkboxes with reactive forms» nella documentazione dei checkbox e dai punti di ingresso dei componenti checkbox e radio. Confronta il layout impilato con le label e gli input adiacenti, quindi definisci il comportamento pubblico dell'allineamento e come documentarlo. Il lavoro è completato quando entrambi i componenti hanno un modo ufficiale e stabile per allinearsi senza dipendere da dimensioni interne.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- design, frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100