CodeTea.io
Custom components

Custom components

Custom components are reusable pieces of UI you design once and reuse on any screen. Create and edit them under Design systems, expose text, image or text-input properties, then drag them onto a screen and fill in those properties.

1. Create and edit component

Custom components – Create and edit component: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click Design systems
  2. Click button new
  3. Click edit component
  4. After edit component, you choose text to set property
  5. Set property. You can set property for text, image, text input
  6. Delete component

2. Using custom component

Custom components – Using custom component: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click more
  2. Drag and drop custom component
  3. Your component
  4. Input property field