React Mobile Tooltips

React Mobile Tooltips - Bootstrap 4 & Material Design

React Mobile Tooltips are a convenient way of presenting additional information to your user. They are tiny little clouds with a brief text message, triggered by tapping on specified element.

Basic examples



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

        export default class TooltipPage extends Component {

          render() {
            return (
                  <MDBTooltip text="Basic" btnTitle="Basic" direction="top">
                    <Text> Basic</Text>


Tooltips - API

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

API Reference: Properties

Name Type Default Description Example
btnTitle string #fff Set title to button <MDBTooltip btnTitle="#fff" />
text string #fff Set text to tooltip. <MDBTooltip text="#fff" />
autoHide boolean true Set auto hide to tooltip. <MDBTooltip autoHide />
clickToHide boolean true Set click to hide to tooltip. <MDBTooltip clickToHide />