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 RadioButtonGroup styling to be set in theme

See original GitHub issue

Expected Behavior

I’d like to be able to specify styling for RadioButtonGroup in a theme, specifically the options gap.

Actual Behavior

Theme not currently referenced. RadioButtonGroup styling can not be set in theme (e.g. desired gap size)

Same applies to CheckBoxGroup

Use case. HPE Design System designs desire a gap of none between RadioButtonGroup and CheckBoxGroup options. Implementers can achieve this by setting the gap property for each instance, however for the Design System, this specification would make sense to live in the theme.

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:
Created 3 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

ShimiSuncommented, Jul 13, 2020

Thanks @jackjwilliams! I think we should just provide the option for the styling but not set anything as a default to keep the component backward compatible.

0reactions

ShimiSuncommented, Jul 20, 2020

Thanks for letting us know @jackjwilliams, and Thank you @netochaves , that will be awesome.

Top Results From Across the Web

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.

How to customize default theme of radio button in android?

Declare custom style in your styles.xml file. <style name="MyRadioButton" parent="Theme.AppCompat.

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. CSS Radio ......

RadioButtonGroup is enabled when I setEnabled(false) in a grid

I can't yet comment on a workaround, but I just have to ask the question: Why would you want to put radio button...

Radio Group - Lightning Design System

The ability to style radio buttons with CSS varies across browsers. To ensure that radio buttons look the same everywhere, we use a...