Why Label ?

[sudoaugustin]

Why should we use radix's label component over a native label with the user-select: none CSS property?

[joaom00]

The main difference I see is that the text selection is only prevented on double clicking, you can still select label normally

[benoitgrelard]

At this point in time, it doesn't provide much more than a native label.
This is more of a philosophical choice, in the sense that we want to provide APIs that we can add too. So although it may not do more now, it could in the future so it would be good practice to use the primitive.

Additionally, note that user-select: none won't result in the same behaviour as it will prevent users selecting the label text which can be an accessibility issue. Ours prevents the double-click selection behaviour (as it can happen unintentionally when clicking a label to activate its control) but doesn't prevent users from selecting the text normally by click-drag.

[joaom00]

The example in the docs set user-select: none in styles, was it to be there?

[benoitgrelard]

Ah thanks for pointing that out, not it shouldn't be there and isn't necessary.

[benoitgrelard]

radix-ui/website#556

[sudoaugustin]

Thx guys 🙏