Skip to content

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

Open
@rb-mwindh

Description

@rb-mwindh

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functionsarea: material/radiofeatureThis issue represents a new feature or feature request rather than a bug or bug fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions