angular / angular/components

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

Abierto
#27,049 5 comentarios 1 reacción 0 asignados Ver en GitHub
area: material/checkbox area: material/radio feature P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con el ejemplo «Checkboxes with reactive forms» de la documentación de checkbox y con los puntos de entrada de los componentes checkbox y radio. Compara el diseño apilado con las etiquetas y los campos de entrada adyacentes, y después define el comportamiento público de alineación y cómo debe documentarse. Se considera terminado cuando ambos componentes tienen una forma oficial y estable de alinearse sin depender de tamaños internos.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
design, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.