RadioGroup: add label

[Timmeeeey]

Is your feature request related to a problem? Please describe.

I'm using fluent design and it's currently not possible to add a label to a RadioGroup.

Describe the solution you'd like

Please add the possibility to add a label to RadioGroup like in other components.

Additional context

[github-actions]

There has been no recent activity and this issue has been marked inactive.

[SisIvanova]

Here is a sample demonstrating how to use the IgxLabelDirective as a radio-group label. Do you need something besides that?

https://stackblitz.com/edit/c6fqyt?file=src%2Fapp%2Fradio-group-sample%2Fradio-group-sample.component.html

[Timmeeeey]

hi @SisIvanova
I don't see any IgxLabelDirective in the example.
Can you use igxLabel without a IgxInputGroup?

[SisIvanova]

Hi @Timmeeeey
Can you please explain to us what you need the radio group label for so we can decide how to proceed with this feature request? You want a label that is just styled properly or you expect specific functionality?

[Timmeeeey]

In some cases radio groups need labels for reasons of comprehensibility.
This label should look like all the other labels.

When displayed next to an input it would be nice if the radio buttons are vertically aligned with inputs for aesthetic reasons.
But I can just add some padding if this will not be the case.

Example:

[Timmeeeey]

@SisIvanova
If I use the igxLabel directive then the label doesn't quite look like the label of the input.
Besides the asterisk for required input is missing.

current:

required:

[SisIvanova]

Hi @Timmeeeey
Our team is aware of this issue and we're planning to fix it soon. The igxLabel directive has always been part of the igx-input-group that's why when you want to use it separately some styles are missing. In a future release, we will extract the igxLabel directive and all of its styles from the igx-input-group theme so that all labels will look the same. Until then, you can use this sample to style the Radio Group Label in the same way as the Input Label in Fluent theme:
https://stackblitz.com/edit/c6fqyt-kbkxal?file=src%2Fapp%2Fradio-group-sample%2Fradio-group-sample.component.html