web
mobile
Edit these docs Rate these docs

React Mobile Radio

React Mobile Radio - Bootstrap 4 & Material Design

React Mobile Radio is a component used for allowing a user to make a multiple choice. Broadly used in the forms and surveys. Radio buttons are made for selecting one or several options in a list, while radios are for selecting one option from many.


Basic examples

Android
Android radio
iOS
iOS radio

        <script>

        import React, { Component } from "react";
        import {View, ScrollView } from "react-native";
        import { MDBRadio } from 'mdbreact-mobile';

        export default class ButtonsPage extends Component {

          render() {
            return (
              <ScrollView>
                <View>
                <MDBRadio
                  leftRadio
                  options={[{ text: "Option 1", key: "1" }, { text: "Option 2", key: "2" }, { text: "Option 3", key: "3" }]}
                  require
                />
               </View>
              </ScrollView>
            );
          }
        }

        </script>
      

Multiple examples

Android
Android radio
iOS
iOS radio

        <script>

        import React, { Component } from "react";
        import {View, ScrollView } from "react-native";
        import { MDBRadio } from 'mdbreact-mobile';

        export default class ButtonsPage extends Component {

          render() {
            return (
              <ScrollView>
                <View>
                <MDBRadio leftRadio options={[{ text: "Option 1", key: "1" }]} />
                <MDBRadio leftRadio options={[{ text: "Option 2", key: "2" }]} />
                <MDBRadio leftRadio options={[{ text: "Option 3", key: "3" }]} />
               </View>
              </ScrollView>
            );
          }
        }

        </script>
      


Colors examples

Android
Android radio
iOS
iOS radio

        <script>

        import React, { Component } from "react";
        import {View, ScrollView } from "react-native";
        import { MDBRadio } from 'mdbreact-mobile';

        export default class ButtonsPage extends Component {

          render() {
            return (
              <ScrollView>
                <View>
                  <MDBRadio color="danger" leftRadio options={[{ text: "Option 1", key: "1" }]} />
                  <MDBRadio color="brown" leftRadio options={[{ text: "Option 2", key: "2" }]} />
                  <MDBRadio color="pink" leftRadio options={[{ text: "Option 3", key: "3" }]} />
               </View>
              </ScrollView>
            );
          }
        }

        </script>
      
Edit these docs Rate these docs

Radio - API

In this section you will find advanced information about the Radio component. You will find out which modules are required, what are the possibilities of configuring the component, and what events and methods you can use in working with it.


Import statement


            import { MDBRadio } from 'mdbreact-mobile'
      

API Reference: Properties

Name Type Default Description Example
options string '' Button default text <MDBRadio options={options: [{key: "RN",text: "MDB RN"}],} />
lefRadio string '' Button default text <MDBRadio lefRadio={false} />
color string '' Button default text <MDBRadio color="priamry" />
require string '' Button default text <MDBRadio require={false}/>