Ant Design Collapse, Expand and Accordion Component Usage in ReactJS | Antd React Tutorial

#reactjs #antd #accordion #collapse #expand
In this video tutorial I explained the Ant Design Collapse, Expand and Accordion Component Usage in ReactJS.

This video focuses on
- How to use antd collapse comonent in ReactJS
- How to make antd collapse component act as Accordion in ReactJS so at a time only only component is expanded
- How to expand and collapse content using antd Collapse component
- How to customize antd collapse component arrow icons
- How to add extra buttons in antd collapse
- How to by default expand some content usins antd collapse
- How to auto collapse components when one other component is expanded
- How to add and remove borders from antd collapse
- How to make antd ghost to remove antd collapse and panel background colors
- How to disable a antd collapse panel
- How to change expand button position of antd collapse component in ReactJS
- How to use antd Icons in ReactJS
- How to use antd Typography component in ReactJS

If you are new to ant-design, I have already added an intro video on ant-design and overview of its components at https://www.youtube.com/watch?v=03rzGKtEZmw link, please go through that video to set up the ground for further components implementation.

For details on how to use Typography component from Antd, please go through this video. https://youtu.be/lXQ1yCFLX60

For details on how to use Ant Design Icons, please go through this video. https://youtu.be/faUYaR4Nb1E

For more details on ant-design, please visit its documentation at https://ant.design/components/collapse/

Happy Coding!