Hi,

you are right, It's already fixed, It will be available in the upcoming version. Thank you for reporting, we appreciate this.

Best,

Ania

Hi there,

you can find valid React code snippets bellow live every example. Please try this code:

import React, { Component } from 'react'; import { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter } from 'mdbreact';

class ModalPage extends Component { state = {   modal12: false }

toggle = nr => () => {   let modalNumber = 'modal' + nr   this.setState({
    [modalNumber]: !this.state[modalNumber]   }); }

render() {   return (
      <MDBContainer>
        <MDBBtn onClick={this.toggle(12)}>Modal</MDBBtn>
        <MDBModal side isOpen={this.state.modal12} position="top-right" animation="top" toggle={this.toggle(12)} backdrop={false}>
          <MDBModalHeader toggle={this.toggle(12)}>MDBModal title</MDBModalHeader>
          <MDBModalBody>
            ...
          </MDBModalBody>
          <MDBModalFooter>
          <MDBBtn color="primary" outline onClick={this.toggle(12)}>Close</MDBBtn>
          <MDBBtn color="primary">Save changes</MDBBtn>
          </MDBModalFooter>
        </MDBModal>
      </MDBContainer>
    );   } }

export default ModalPage;