Basic Accordion
The accordion component allows the user to show and hide sections of related content on a page. Check out code for detail of usage.
Accordion Item 1
Accordion Item 2
Border Bottom
The accordion component allows the user to show and hide sections of related content on a page. Check out code for detail of usage.
Accordion Item 1
Accordion Item 2
Full Bordered
The accordion component allows the user to show and hide sections of related content on a page. Check out code for detail of usage.
Accordion Item 1
Accordion Item 2
Divided Items
The accordion component allows the user to show and hide sections of related content on a page. Check out code for detail of usage.
Accordion 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)
Accordion 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)
Accordion 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 Accordion
The accordion component allows the user to show and hide sections of related content on a page. Check out code for detail of usage.
Accordion Item 1
Accordion Item 2
Advanced Accordion
The accordion component allows the user to show and hide sections of related content on a page. 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)