Add Header Element

  1. After logging in to the Kuika platform, open the project you will work on from the “Apps” screen.
  1. In the “UI Design” (1) module, drag and drop the Header element (4) under the “Container” (3) category from the “Elements” (2) panel on the left side.

‍The Header element can only be used once on a screen.

Even if you drag the Header element to an empty space on the screen, it will remain fixed to the top edge of the screen. In long screen designs, it will also remain fixed on the top edge when the screen is scrolled.

Since the screen you are developing contains elements such as menu, screen name, notifications and user profile, start by adding a Row element inside the Header element. However, you can also add many different elements into the Column element that you can drag and drop. Basically, the elements that are usually dragged and dropped into the Header element are: Row, Icon, Input, Image, and Content Menu.