Collapse

Overview

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

Options

Accordions : Add the accordion content you want to display.

Default Active tab : Toggle this option to set the active tab.

Title : Type the text you want to display a 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

Icon : Set the default icon for tabs.

Active Icon : Set the icon for the active tab.

Alignment : Set the alignment of the icon to left, center or right.

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

Tabs

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.

Content

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

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

Border Type : Select the border type to display. CLICK HERE to see the types of border.

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.

Border Radius : Set the radius of the border in pixel(px) unit.