question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Would like ability for RadioButton label font-weight to be specified via theme

See original GitHub issue

Expected Behavior

Able to specify font-weight for RadioButton labels in my theme.

Actual Behavior

I believe the label is inheriting the global font-weight.

Use Case: HPE Design System designs call for RadioButton label to be font-weight: medium/500, however the default label is currently implemented as a span inheriting global font weight

URL, screen shot, or Codepen exhibiting the issue

Steps to Reproduce

Your Environment

  • Grommet version:
  • Browser Name and version:
  • Operating System and version (desktop or mobile):

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
jjwilliams42commented, Jul 6, 2020

I created a PR for this @ShimiSun.

0reactions
jjwilliams42commented, Jun 27, 2020

Ah, I see, thank you.

I misunderstood the request. I thought @halocline wanted it to DEFAULT to font-weight: 500, but he just needs the ability to set it according to the HPE Design System (otherwise it should keep its inherent behavior).

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change the text color of the material radio button
Updated answer. In case you want to restyle your radio buttons, it should be something like this: ::ng-deep .mat- ...
Read more >
Pure CSS Custom Styled Radio Buttons
Learn to create custom, cross-browser, theme-able, scalable radio buttons in pure CSS and ensuring styles remain accessible across states.
Read more >
Suggestion: RadioItems individual label styles #222 - GitHub
The radio buttons or inputs are not displayed, I'm just using labels. I'm currently using some hacky JS to achieve that result. I...
Read more >
How to set Radio button using bold content for sp...
Hello Everyone, I know that using HTML label we can set specific content as bold and so on. However I have "Radio button"...
Read more >
Styling Radio Buttons with CSS (59 Custom Examples)
This article created by our team behind Slider Revolution, provides styling radio buttons snippets that you can use in your projects.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found