/Javascript/React/Bootstrap modal disable close on click outside react bootstrap

Bootstrap modal disable close on click outside react bootstrap

<div>
    <Modal show={this.state.show} onHide={this.handleClose} backdrop="static">
        <Modal.Header>
            <Modal.Title>Change Password</Modal.Title>
        </Modal.Header>
        <Modal.Body>
            <form className="form-horizontal" style={{margin:0}}>
                <div className='password-heading'>This is the first time you have logged in.</div>
                <div className='password-heading'>Please set a new password for your account.</div>
                <br/>

                <label className="password">Password
                    <input type={this.state.type} className="password__input" onChange={this.passwordStrength}/>
                    <span className="password__show" onClick={this.showHide}>{this.state.type === 'input' ? 'Hide' : 'Show'}</span>
                    <span className="password__strength" data-score={this.state.score}>
                        <div className="strength_string">{this.state.strength}</div>
                    </span>
                </label>
                <br/>
                <label className="password">Confirm Password
                    <input type={this.state.type} className="password__input" onChange={this.passwordStrength}/>
                </label>

            </form>
            <br/>
        </Modal.Body>
        <Modal.Footer>
            <Button onClick={this.submitPassword} disabled={this.state.isDisabled}>Submit</Button>
        </Modal.Footer>
    </Modal>
</div>

Source: stackoverflow.com

Similar codes

12 votes373 views2 answers
React native flatlist container style
Javascript React
15 votes438 views3 answers
Create react app and tailwind
Javascript React
16 votes414 views3 answers
Start react native
Javascript React
17 votes363 views5 answers
Add background image react native
Javascript React
14 votes317 views1 answer
Change checkbox value react
Javascript React
1 vote409 views1 answer
React conditional array item
Javascript React
0 vote394 views1 answer
Truncate function react
Javascript React
0 vote362 views1 answer
React Spread Attributes conditionally
Javascript React
48 votes399 views4 answers
How to add comment in react js
Javascript React
0 vote407 views1 answer
React import coreui icons
Javascript React