Accordion

Overview

Accordion Widget is used to display text in a collapsed, condensed manner, letting you save space while still presenting an abundance of content.

Accordions : Add the accordion content you want to display by clicking on Add New Accordion Item.

Default Active tab : Enable the toggle to this option to set the active tab.

Title : Type the text you want to display as title.

Content text : Type the text you want to display inside the accordion CLICK HERE to see the styling of text in this widget.

Spacing : Set the exact spacing between two tabs.

Icon : Set the default icon for tabs.

Active Icon : Set the icon for the active tab.

Alignment : Set the alignment of the icon.

Spacing : Set the exact spacing between the icon and title of the accordion.

Color : Choose the default color for the title.

Background Color : Choose the default background color for the tabs.

Active Color : Choose the color for the title of the active tab.

Active Background Color : Choose the background color for the active tab.

Inner Space : Set the inside space of the tabs.

Typography : Choose the Font-name, size, boldness, text-decoration, letter-spacing.

Background Color : Choose the default background color for the content of tabs.

Typography : Choose the Font-name, size, boldness, text-decoration, letter-spacing.

Border Type : Select the border type to display.

Border Color (Option only available for border type) : Set the color of the border.

Width (Option only available for border type) : Set the width of the border in pixel(px) unit.