Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to hide the OK and Cancel buttons of antd Modal?

See original GitHub issue

This is a question about usage instead of issues, I’ve also posted this question on Stackoverflow here

I wrote a Login component, which is basically as follows:

const Login = (
  <Modal>
    <NormalLoginForm/ 
     ...
    </NormalLoginForm >
  </Modal>
)

The NormalLoginForm component is from the official website here https://ant.design/components/form/

I don’t need the two Buttons OK and Cancel on the Modal, how to hide the two buttons ?

Issue Analytics

State:
Created 7 years ago
Reactions:6
Comments:10 (1 by maintainers)

Top GitHub Comments

90reactions

erdemkerencommented, Dec 4, 2019

If you want to disable one of them, this helps you utilize the other button implementations like onOk.:

<Modal
    cancelButtonProps={{ style: { display: 'none' } }}
/>

83reactions

timtamimicommented, Feb 3, 2020

If anyone’s looking at this in the future, the thing you’re looking for is: <Modal footer={null} />

Top Results From Across the Web

Modal - Ant Design

Open Modal with customized button props. Customize footer buttons props. Passing okButtonProps and cancelButtonProps will customize the OK button and cancel ...