search

digdir / designsystemet

Designsystemet
https://designsystemet.no
MIT License
76 stars 37 forks source link

Add distance between options in inline radio group #2066

Closed solhell closed 4 months ago

solhell commented 4 months ago

Description

When using inline radio group, the current distance is equal between the any label to the radio options the the left and right of this label. image

Although it is an established design pattern to place the label after the radio, users that have tunnel vision or are using OS-base zoom functionality may become unsure when scanning through several options and the distances are equal.

I suggest to change the distance after the label to --fds-spacing-5, which would look like this: image

Additional Information

No response

Barsnes commented 4 months ago

Thanks for the issue! I see that in figma we have a spacing of 6, so this is a bug in the CSS image