angular / angular/components

feat(checkbox, radio): Provide a way to vertically align checkboxes and radios in stacked layouts

Aperta
#27,049 5 commenti 1 reazione 0 assegnatari Vedi su GitHub
area: material/checkbox area: material/radio feature P4
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.