import React, { Component } from 'react';

class BigText extends Component {

  render() {
 
    return ( 
      <div>
        <div>
          <h1 className="row px-2">Big Text Notification</h1>
          <hr />
          <div className="row px-1 py-2 animated fadeIn">
  
                <div className="px-1" style={{ width:50 + '%' }}><br />

                    <div className="mb-1">
                      <input type="text"
                       className="form-control" 
                       placeholder="Title"
                       name="title"
                       />
                    </div>

                    <div className="mb-1">
                      <textarea 
                      className="form-control" 
                      placeholder="Text"
                      name="text"
                      />
                    </div>

                    <div className="mb-1">
                      <textarea
                       className="form-control" 
                       placeholder="Summary"
                       name="summary"
                       />
                    </div>

                    <br />

                    <div className="row px-2" >
                      <div>
                        <button className="nav-link btn btn-block btn-info"  onClick={this.handleClick} >Save</button>
                      </div>
                      <div className="px-1">
                        <button className="nav-link btn btn-block btn-danger"> Cancel</button>
                      </div>
                    </div><br />

                </div>
          </div>
    </div>
    </div>
    )
    
  }
}

export default BigText;

agregué el fragmento de código Lo que estoy haciendo es tratar de agregar un marco móvil como componente al costado de los campos para que lo que escribo en los campos se muestre en ese móvil que se muestra como el componente en la pantalla así que quería saber cómo agregar ese móvil y también cómo mostrar texto en él