Accordion

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

ACCORDION

  • 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.
  • 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

  • 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.
Was this helpful to you?

Leave a Reply