search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.33k stars 6.73k forks source link

feat(material/radio): provide `mat-radio-container-no-side-margin` class as it's done for mat-checkbox #24347

Open rb-mwindh opened 2 years ago

rb-mwindh commented 2 years ago

Feature Description

When setting up radio buttons without label, the label container still adds a padding, making the radio-button wider than neccessary.

A css class mat-radio-container-no-side-margin could easily be added in the same way as done for mat-checkbox, allowing use to get rid of the padding when there is no label.

Use Case

I'm implementing a SCSS theming framework for corporate design rules for Angular Material components. Thus I need to provide styles for both cases, radiobutton with and without labels.

One of the use cases of radiobuttons without labels is having them in table cells. They would be "labelled" by the column header.

Reproduction: https://stackblitz.com/edit/angular-ivy-erstgu?file=src/app/app.component.css

ramprakashram commented 2 years ago

@crisbeto Can i take up this issue ???

angular-robot[bot] commented 2 years ago

This feature request is now candidate for our backlog! In the next phase, the community has 60 days to upvote. If the request receives more than 20 upvotes, we'll move it to our consideration list.

You can find more details about the feature request process in our documentation.

angular-robot[bot] commented 2 years ago

Just a heads up that we kicked off a community voting process for your feature request. There are 20 days until the voting process ends.

Find more details about Angular's feature request process in our documentation.