Unable to fix Antd Modal Height

Question

I am trying to set Antd Modal height to 1000px by default but its not getting applied. Please suggest where I might be doing wrong. Below is my code for the Modal.

<Modal style={{ height: "1000px" }} className="pm" width={600} title="Select" visible={isModalVisible3} footer={null} onCancel={() =>setIsModalVisible3(false)}>
    <span>Sample Text</span>
</Modal>

I even added .pm{height: 1000px;} in my base.css file but no luck

Please suggest a workaround.

Gothicism

can you try with style={{ width: "100%" }} please – Turpentine

@x-rw not working :( BTW, I want fixed height, not width – Gothicism

@Turpentine you may try this : <Modal width={100%} /> – Ahvenanmaa

Answer 1

Try this way

<Modal
   bodyStyle={{height: 1000}}
>
   Your content
</Modal>

Holds

Thanks.... '1000px' must be in quotes, otherwise its throwing error for me – Gothicism

Answer 2

In case anyone finds themselves here a few years later with the 'bodyStyle' is deprecated error, the current syntax for the above answer is

styles={{body: {height: '1000px'}}}

Endocentric