Radio Toggle Buttons Spacing

Topic: Radio Toggle Buttons Spacing

web_ntx premium asked 3 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 3 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 3 years ago

I added the code.

Add comment

Wojciech Staniszewski staff answered 3 years ago