How to Use Ant Design Drawer Component in ReactJS | Ant Design React Drawer Tutorial

preview_player
Показать описание
#reactjs #antd #drawer
In this Ant Design React Drawer Tutorial I have explained how to use ant design drawer component in ReactJS to display different type of side content while staying on your main content or page.

This video focuses on
- How to use Ant Design Drawer Component in ReactJS
- How to show drawer on left, right, top or bottom of page inside react js application
- How to add title inside antd drawer
- How to add footer inside antd drawer
- How to add content inside antd drawer
- How to add custom close button inside antd drawer
- How to show and hide close button of antd drawer
- How to make mask closable for antd drawer component
- How to use placement of antd drawer component
- How to control open and close or visible state of antd drawer using react state variable

Happy Coding!
Рекомендации по теме
Комментарии
Автор

hey Aamir, I used 2 ant drawers in single page and for some reason one of them is closing but the other opens fine but doesn't close. is there any solution?

khadabaalgaming
Автор

how i can show and hide drawer in other componets

mrtx
Автор

Hi Aamir
How can I validate 2 input cells are not the same in Form.List ?

DungLe-rpvu
Автор

How can I reduce the width of the drawer @Amir

muhammadbashir