Basic Collapse
The Collapse component is used to create regions of content that can expand/collapse with a simple animation. It helps to hide content that's not immediately relevant to the user. Check out code for detail of usage.
Collapse Item 1
Collapse Item 2
Border Bottom
The Collapse component is used to create regions of content that can expand/collapse with a simple animation. It helps to hide content that's not immediately relevant to the user. Check out code for detail of usage.
Collapse Item 1
Collapse Item 2
Full Bordered
The Collapse component is used to create regions of content that can expand/collapse with a simple animation. It helps to hide content that's not immediately relevant to the user. Check out code for detail of usage.
Collapse Item 1
Collapse Item 2
Divided Items
The Collapse component is used to create regions of content that can expand/collapse with a simple animation. It helps to hide content that's not immediately relevant to the user. Check out code for detail of usage.
Collapse Item 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.
![avatar](images/avatar/avatar-16.jpg)
![avatar](images/avatar/avatar-20.jpg)
![avatar](images/avatar/avatar-8.jpg)
![avatar](images/avatar/avatar-5.jpg)
Collapse Item 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.
![avatar](images/avatar/avatar-16.jpg)
![avatar](images/avatar/avatar-20.jpg)
![avatar](images/avatar/avatar-8.jpg)
![avatar](images/avatar/avatar-5.jpg)
Collapse Item 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.
![avatar](images/avatar/avatar-16.jpg)
![avatar](images/avatar/avatar-20.jpg)
![avatar](images/avatar/avatar-8.jpg)
![avatar](images/avatar/avatar-5.jpg)
Primary Collapse
The Collapse component is used to create regions of content that can expand/collapse with a simple animation. It helps to hide content that's not immediately relevant to the user. Check out code for detail of usage.
Collapse Item 1
Collapse Item 2
Advanced Collapse
The Collapse component is used to create regions of content that can expand/collapse with a simple animation. It helps to hide content that's not immediately relevant to the user. Check out code for detail of usage.
![avatar](images/avatar/avatar-10.jpg)
Simon Tods
Web Developer
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.
![avatar](images/avatar/avatar-16.jpg)
![avatar](images/avatar/avatar-20.jpg)
![avatar](images/avatar/avatar-8.jpg)
![avatar](images/avatar/avatar-5.jpg)
Konnor Guzman
Frontend Developer
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.
![avatar](images/avatar/avatar-16.jpg)
![avatar](images/avatar/avatar-20.jpg)
![avatar](images/avatar/avatar-8.jpg)
![avatar](images/avatar/avatar-5.jpg)
![avatar](images/avatar/avatar-19.jpg)
Derrick Simmons
UI/UX Designer
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.
![avatar](images/avatar/avatar-16.jpg)
![avatar](images/avatar/avatar-20.jpg)
![avatar](images/avatar/avatar-8.jpg)
![avatar](images/avatar/avatar-5.jpg)