Topic: How can I add <p> or <div> in an MBDCard

Talent priority asked 8 months ago


Expected behavior Have different sections in my card separated with a p or div block.

Actual behavior My code works but I have warnings :

div cannot appear as a descendant of p. p cannot appear as a descendant of p.

Resources (screenshots, code snippets etc.)

Here is the part of code when I use p for my component.

<MDBCardBody>
               <MDBCardTitle>Software ingeneer</MDBCardTitle>
                            <MDBCardText>
                                    <p>We are looking for a ingeneer specialized in java to blablabla.</p>
                                    <p><strong> Location : New York</strong></p>
                                    <p><strong> Contract : Permanant</strong></p>
                                    <p><strong> Salary : 185 000$ / year</strong></p>
                            </MDBCardText>
</MDBCardBody>

Wojciech Staniszewski staff answered 8 months ago


MDBCardText is already a p tag. Just use MDBCardText instead of p:

<MDBCardText>We are looking for a ingeneer specialized in java to blablabla</MDBCardText>
<MDBCardText><strong> Location : New York</strong></MDBCardText>


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: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 2.4.0
  • Device: Computer
  • Browser: Firefox, Brave
  • OS: Windows, Ubuntu, Manjaro
  • Provided sample code: No
  • Provided link: No