Toggle widget

the Toggle widget le permite crear cuadros de texto que están contraídos, de modo que el visitante solo vea los títulos de cada elemento del cuadro de texto. Esto le permite mostrar su contents en forma condensada, por lo que los visitantes no tienen que desplazarse por una página larga y pueden examinar los títulos fácilmente.
A similar widget is the Accordion widget, but there are two main differences between the Toggle widget and the Accordion widget.

1. When a page loads, all Lever the widget elements are collapsed. With the Accordion widget, however, the first item is expanded, while all other items remain collapsed.
2. With the Lever widget, you can expand as many elements as you want at the same time. With the Accordion widget, however, only one item can be expanded at a time. As you expand another accordion item, the previously opened item automatically collapses, looking similar to an accordion

Content

Lever

1. Toggle ItemsTitle & Content: Enter the title and description of each item
2. Icon: Select the icon to represent the action of expanding an item. Choose None, Upload SVG, or select an icon from the Icon Library. If the Icon Library is chosen, a Recommended tab is displayed in the Library that shows the recommended icons to represent the expanding concept.
3. Active icon: Select the icon to represent the action of collapsing the active item. Choose None, Upload SVG, or select an icon from the Icon Library. If the Icon Library is chosen, a Recommended tab is displayed in the Library that shows the recommended icons to represent the concept of collapse.
4. Label HTML de título: Set the HTML tag used for the title to H1-H6 or DIV
5. Add item: Use the 'Add Item' button to add more toggle items to the list.

Style

Lever

1. Border width: Sets the thickness of the border around the toggle widget and between each element
2. Border color: Choose the border color around the toggle widget and between each item
3. Space between: Sets the amount of space between each item
4. Shadow of the box: Sets the box shadow around the toggle widget or around each item if there is space between each. You can adjust the color, horizontal position, vertical position, blur, and extent of the box shadow, as well as the position of the shadow, which can be box or outline.

Title

1. Background: Choose the color of the title background
2. Colour: Choose the text color of the non-active titles
3. Active color: Choose the text color of the active title
4. Typography: Sets the font options for titles
5. Filling: Sets padding for titles

Icon

1. Alignment: Aligns the icon to the left or right of the title
2. Colour: Choose the color of the icons
3. Active color: Choose the color of the active icon
4. Spacing: Controls the space between the icon and the title

Content

1. Background: Choose the background color of the content
2. Colour: Choose the text color of the content
3. Typography: Sets the font options for the content
4. Filling: Sets padding for content

Advanced

Set the advanced options that are applicable to this widget