How to change React Bootstrap Modal.Header closeButton icon

Question

I'm using React Bootstrap Modal. I'm trying to change the closeButton icon. But it didn't work.

<Modal.Header className='modal-head' closeButton>
   <Modal.Title>Shopping Cart</Modal.Title>
</Modal.Header>

Answer 1

I don't think the react-bootstrap library itself provides similar functionality. However, you can add an icon to the right alignment of the modal box head and add an onClick action, which can change the open state of the modal box and close it.