Accordion

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

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
jd
avatar
avatar
avatar

Accordion Item 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

avatar
jd
avatar
avatar
avatar

Accordion Item 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

avatar
jd
avatar
avatar
avatar

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

Accordion Item 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi earum magni officiis possimus repellendus. Accusantium adipisci aliquid praesentium quaerat voluptate.

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

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
jd
avatar
avatar
avatar
KG

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
jd
avatar
avatar
avatar
avatar

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
jd
avatar
avatar
avatar