Accordion
Basic Accordion
Basic accordion toggle.
Right Aligned Accordion
Use .text-right
to header for right aligned text to basic accordion toggle.
Accordion with Icon
Use class .collapse-icon.
to set icon accordion toggle. Use .accordion-icon-rotate
class for rotation animation for icons.
Accordion with Left Icon
Use class .collapse-icon.left
, for accordion with left icon. Use .accordion-icon-rotate
class for rotation animation for icons.
Accordion with Basic Color
Use class .bg-COLOR
to accordion toggle for theme heading background color.
Accordion with Color & Border
Use class .bg-COLOR
to accordion toggle for heading background color & .border-COLOR
for content border color.
Accordion with Border Color
Use class .border-COLOR
to accordion toggle for heading border color.
Accordion with section border Color
Use class .border-COLOR
to accordion wrapper for colored border.
Collapse
Basic Collapse
It will work as collapsible toggle by default.
Basic Collapse
Use .text-right
to header for right aligned text.
Collapse with Icon
Use class .collapse-icon
to set icon collapse.
Collapse with left Icon
Use class .collapse-icon.left
to set left icon collapse.
Collapsible with Basic Color
Use class .bg-COLOR
to accordion toggle for theme heading background color.
Collapsible with Color & Border
Use class .bg-COLOR
to collapse toggle for Collapse heading background color & .border-COLOR
for content border color.
Collapsible with Border Color
Use class .border-COLOR
to collapse toggle for Collapse heading border color.
Collapsible with section border Color
Use class .border-COLOR
to collapse wrapper for heading and content.