Frontend JavaScript
Browser based JavaScript can be written on the frontend directly inside Application UI components:
- Disable/enable a button based on data entered into a form
- Customize a grid's layout with a switch statement
- Conditionally format color of table cells
Bindings
Bindings allow you to insert dynamic data into your components.
Anything inside of {{}}
is evaluated as a JavaScript expression
For example, in a Text widget, we can write: Hi from {{"Superblocks"}}!
. The Text widget is then evaluated to Hi from Superblocks!
When using bindings anywhere in Superblocks, you can reference the built-in JavaScript Array methods available in the autocomplete.

Pop Out Editor
The Pop Out Editor allows you to click a button inside a component property's text block to expand the editor into a tab in the bottom panel. This gives you more room to write code for things like Run JS triggers.

Once popped out, you can adjust the height of the bottom panel to further increase the space for writing code.