Skip to Content
ToolsCode LabWidgets, templates, and run

Widgets, templates, and run

Add your first widget

  1. Open the Widgets tab in the right panel.
  2. Click one widget icon such as Buttons, Display, Calculator, or Timer.
  3. If you want the full list, click the + button to open the widget picker.
  4. Confirm that the empty state disappears and the widget appears in the workspace area.

Load a starter template

  1. Open the Templates tab.
  2. Choose one of the starter templates such as:
    • Task List
    • Study Timer
    • Expense Tracker
  3. Wait for the workspace to update.
  4. Confirm that blocks and related widgets appear.

Run the example

  1. Look at the top action area.
  2. Click Run.
  3. Watch for a running state or fresh output in the workspace.
  4. If execution is active, try the available controls such as Pause, Step, or Stop.

What to pay attention to

  • whether the selected language is correct
  • whether the template loaded real content into the workspace
  • whether the run updates output areas such as widgets or console-driven surfaces

Practical beginner advice

Start with a template, run it once, then modify only one small part at a time.

Last updated on