CodeTea.io
Components panel

Components panel

The components panel holds the base components (view, text, image, button, input, list) and your own custom components. Expand a component and drag it onto the screen; the red-border toggle outlines every view so you can check the layout.

1. Select base components

Components panel – Select base components: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click to expand component
  2. Drag and drop component to screen

2. Select my custom components

Components panel – Select my custom components: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click to expand component
  2. Drag and drop component to screen

3. Show red border

Components panel – Show red border: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Zoom out/zoom in screen
  2. Turn on/turn off red border