Change Modal Heading to h1 using Carbon Components React

35 views Asked by xoam At 24 July 2023 at 14:38

I'm using the Carbon Components React Modal. One of the controls is modalHeading. This works great but defaults to <h3> tag.

Semantically, I would like to use <h1> tags instead. Does anyone know how I would change this?

<Modal open passiveModal modalHeading="Let's Continue Your Online Set Up"></Modal>

Renders this heading:

<h3 id="cds--modal-header__heading--modal-7" class="cds--modal-header__heading">Let's Continue Your Online Set Up</h3>

I'm new to React so if there isn't a Carbon way of changing the h3 tag, how would I do this in React?

TechQA.