feat(checkbox, radio): Provide a way to vertically align checkboxes and radios in stacked layouts
- 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
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