Display Radio Buttons Group In Horizontal View Lightning Component – lightning:radioGroup

Lightning Component

Currently in lightning component there is no direct way to display a lightning:radiobuttongroup horizontally. However, we have style class  named slds-form-element__control and slds-radio which can perform this.

Check Also : How To Display Lightning Component In Visualforce Page-Sample

Lightning Component :

  • use a custom class with lightning:radioGroup component. [Line 35]

Component CSS

Check Also : How to Use Custom Font In Lightning Component Using Static Resource

Related Resource:

Like our facebook page for new post updates. & Don’t forget to bookmark this site for your future reference.

if you have any suggestions or issue with this, you can share your thoughts  in comment box.

Happy Learning ?


About The contributor: 

Abinaya Sivagnanam

1 Post contribute


  • I created radio button but I am not able to deselect once it is clicked.

    below is the code

    <aura:component >
    <aura:attribute name=”colors”
    {‘label’:’RED’ ,’value’:’option1′},
    {‘label’:’BLUE’, ‘value’:’option2′},

    <aura:attribute name=”value” type=”string” default=”option1″/>

    <lightning:radioGroup aura:id=”radio”
    label=”Radio button group”


Leave a Reply