Blocks custom panels are made of unique panel elements. To use the panel elements in your widget's code, go to the code section of the Panels tab. Use Velo's $w() function to select elements by ID:
1
API reference for panel elements Use the panel elements API reference to work with the elements in the panel code.
Velo modules for panels To enable panel elements to interact with your widget and perform actions in the editor, use the following modules in your panel code:
The following panel elements are available to use in your panels. You can customize the elements in the Blocks Editor, as well as through Velo code in the code section of your panel. Note that all panel elements require code to work.
Sliders allow users to select a number from a given range.
Thumbnails allow users to select an item from a set of thumbnail images.
A button on your panel.
Checkbox groups are used for selecting any number of the given options.
Dropdowns are used for selecting one of a number of options.
Radio button groups are used for selecting one of a number of options.
A text element (also called "rich text") is used to display text followed by a link.
An input element that lets users enter small amounts of text.
Toggle switches are used for a single binary choice.
Section dividers display a section heading in the panel.
Color pickers allow a site builder to select a color for one or multiple elements.
Notes:
Font and color pickers allow site builders to select a font and its color.