Skip to main content
Category: Shapes · Decorative: no data binding

​
Mental model

A Rectangle is a frame or panel. A vector box you use to group, frame, or divide the canvas visually.

​
When to use it

  • Group related widgets inside a panel
  • Backgrounds, dividers, framing

​
Settings

Shapes share a common set: fill (interior color), stroke (outline color + width), opacity, and an optional rotation speed. The Rectangle adds a corner radius for rounded corners.

​
Script API example

The same interactions from a dashboard script: 
// Use a rectangle as a toggleable panel background
widget.on('advToggle', 'toggle', (on) => on ? widget.show('panelBg') : widget.hide('panelBg'));

All shapes

The shared shape settings.