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.