1. Make collapse header and content as components
Before creating the collapse, please make sure to create header and content items into components, please refer to this post (Component)
![image.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/86fa4087-4134-4b54-a464-13a92e8eb72e/312dd924-31fb-4eae-acaf-713bf26aefc7/image.png)
2. Convert to bootstrap Collapse
- select the target item
- click convert to … / Convert to UI Libraries
- choose
Bootstrap / Components / Collapse
or Bootstrap / Customized / Collapse
Bootstrap / Component / Collapse
- Uses Bootstrap's default collapse header styling
Bootstrap / Customized / Collapse
- Allows you to use your uploaded design to create collapse.
![image.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/86fa4087-4134-4b54-a464-13a92e8eb72e/08af6eca-0cab-4257-948e-3012caf710b0/image.png)
![image.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/86fa4087-4134-4b54-a464-13a92e8eb72e/6333954f-35a8-4342-92d0-f0cd099c289a/image.png)
3. Configure the settings