Bootstrap hover effects not works in react component

[mrajeshkrossark]

Hi,

I tried to implement hovering effects but am not getting it. I dont know what piece am missing. is the problem with my end?

import { View, Mask } from 'mdbreact';

    render() {
        return (
                       <div>
                        <div className="row">
                            <div className="col">
                                <h2>My Templates</h2>
                            </div>
                            <div className="col">
                                <Button className="action_button float-right" type="primary">Create Templates</Button>
                            </div>
                        </div>
                            <View overlay="red-strong">
                                <img src="https://mdbootstrap.com/img/Photos/Others/forest-sm.jpg" className="img-fluid" alt="" />
                                <Mask className="flex-center">
                                    <p className="white-text">Strong overlay</p>
                                </Mask>
                            </View>
</div>
);}

My output is:

[Rotarepmi]

Hi, There are some lacks in documentation, but we are currently working on new standard. You have to add property hover to View component. <View hover> And property overlay has been moved to Mask component. <Mask overlay="red-strong"

[mrajeshkrossark]

Hi, There are some lacks in documentation, but we are currently working on new standard. You have to add property hover to View component. <View hover>

thanks it works...

[alirizvi061]

This is not functioning on my react app, please assist. Here is the code:

`

Strong overlay

        </div>`