react modal color

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: react modal color

drclohite pro asked 6 years ago

Expected behavior css to change color. Command to change color

Actual behavior no change

Resources (screenshots, code snippets etc.) I can only change text color

      <MDBModalHeader className="text-white" tag="p" toggle={this.toggle(4)}>
        Text here
      </MDBModalHeader>

Aliaksandr Andrasiuk staff answered 6 years ago

Hi,

You can set modalStyle property to one of options ["info", "warning", "primary", "danger"....].

For examle: 

<MDBModal isOpen={this.state.modal} toggle={this.toggle} className="warning" modalStyle="warning">

Hope I could help.

drclohite pro answered 6 years ago

I found this worked too: MDBModalHeader style={{ background: "grey" }}

Aliaksandr Andrasiuk staff commented 6 years ago

Yes, you also can use this approach.

If you have any questions I will be glad to help.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.13.0
  • Device: PC`
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
About author
drclohite
Pro User
157Support score
9Questions 12Answers
0Snippets likes 1Snippets