Toggle Element

A custom element for the YOOtheme Pro Page Builder to render the UIkit 3 Toggle component.

use any combination of the three toggle modes: click, hover & media
toggle a content field below the toggle button or a custom target
choose from different button styles and sizes and set a button icon
toggle visibility, animation or a custom class

Please note: The demo layout does not include the installation files for the element. It only includes the page builder layout of the demos on this page. You need to additionally install the plugin (or add the element via a child theme). For documentation on how to import a demo layout into the page builder, please refer to the YOOtheme Pro documentation on the Layout Library → Download and Upload Layouts.

Demo 1

Click to show text

Demo 2

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Demo 3

Hover to change class

Hello world!

Demo 4

Click to toggle text

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Demo 5

Click to toggle image