Warning: session_start(): open(/var/lib/php/fpm/session/sess_m1g1ad4651465oksvnvjq2c8bv, O_RDWR) failed: No such file or directory (2) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Warning: session_start(): Failed to read session data: files (path: /var/lib/php/fpm/session) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Notice: Undefined index: HTTP_REFERER in /var/www/tst02/wp-content/themes/mdbootstrap4/inc/cookie-setter.php on line 8
React Mobile Radio - Bootstrap 4 & Material Design - Material Design for Bootstrap

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>
      

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}/>