Topic: Radio Toggle Buttons Spacing

web_ntx premium asked 2 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>
);}

Wojciech Staniszewski staff commented 2 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 2 years ago

I added the code.



We will take a look at this problem in the next release. Thanks for your report!



Please insert min. 20 characters.

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