Topic: Radio Toggle Buttons Spacing
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 answered 3 years ago
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- 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 3 years ago
I added the code.