angular / angular/components

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

Offen
#27,049 5 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
area: material/checkbox area: material/radio feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### 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_

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem Beispiel „Checkboxes with reactive forms“ in der Checkbox-Dokumentation und den Einstiegspunkten der Checkbox- und Radio-Komponenten. Vergleiche das gestapelte Layout mit benachbarten Labels und Eingabefeldern und definiere anschließend das öffentliche Ausrichtungsverhalten sowie, wie es dokumentiert werden soll. Erledigt ist die Aufgabe, wenn beide Komponenten eine offizielle, stabile Möglichkeit zur Ausrichtung bieten, ohne auf internen Größen zu beruhen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
design, frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.