Topic: Radio Toggle Buttons Spacing
                  
                  web_ntx
                  premium
                  asked 4 years ago
                
Expected behavior
Radio toggle buttons should be right next to each other with no spacing or rounded corners as they are shown in the example in the MDB documentation for React 5.
Actual behavior
Sample code provided creates buttons that have spacing between them. Using mx-0 to remove spacing keeps rounded corners on the buttons.
import React from 'react';
import { MDBRadio, MDBBtnGroup } from 'mdb-react-ui-kit';
export default function App() {
return (
<MDBBtnGroup>
  <MDBRadio btn btnColor='secondary' id='btn-radio' name='options' wrapperTag='span' label='Radio button' />
  <MDBRadio
    btn
    btnColor='secondary'
    id='btn-radio2'
    name='options'
    wrapperClass='mx-2'
    wrapperTag='span'
    label='Radio button'
    defaultChecked
  />
  <MDBRadio btn btnColor='secondary' id='btn-radio3' name='options' wrapperTag='span' label='Radio button' />
</MDBBtnGroup>
);}
                
                  FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Answered
Specification of the issue
              - ForumUser: Premium
 - Premium support: Yes
 - Technology: MDB React
 - MDB Version: MDB5 1.0.0-beta6
 - Device: PC
 - Browser: Chrome
 - OS: Windows 10
 - Provided sample code: No
 - Provided link: No
 
Wojciech Staniszewski staff commented 4 years ago
Could You please paste Your code here, that causes this problem? Fragment with radio toggle buttons would be enough.
web_ntx premium commented 4 years ago
I added the code.