web
mobile
Edit these docs Rate these docs

React Mobile Footer

React Mobile Footer - Bootstrap 4 & Material Design

React Mobile footer is an additional navigation for website. It can hold links, buttons, company info, copyrights, forms and many other elements.


Basic example

Android
Android footer
iOS
iOS footer

        <script>

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

        export default class FooterPage extends Component {

          render() {
            return (
              <ScrollView>
                <View>
                  <MDBFooter color="primary" textColor="#fff">
                    &copy; MDBootstrap 2019
                  </MDBFooter>
               </View>
              </ScrollView>
            );
          }
        }

        </script>
      

Colors examples

Android
Android footer
iOS
iOS footer
Edit these docs Rate these docs

Footer - API

In this section you will find advanced information about the Footer 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 { MDBFooter, MDBFooterCopyright} from 'mdbreact-mobile'
      

API Reference: Properties

Name Type Default Description Example
color string #fff Color API you can use color from our pallete or set color what you like in HEX, rgb/a or HSL. <MDBFooter color="#fff" />
textColor string #000 TextColor API you can use color from our pallete or set color what you like in HEX, rgb/a or HSL. <MDBFooter textColor="rgb(0,0,0)" />
style object Set any styles to footer. <MDBFooter style={{fontSize: 16}} />
children default slot projection #fff Set any component to this props to display. <MDBFooter />children</MDBFooter>