fix(docs): <header> reference (#1105)

`<header>` element might have been at some point a special element that could render as a sibling of `<body>`, but that is no longer the case: it is now just an alias of `<view>`. We might want to restore this original intent though in a future iteration. Co-authored-by: flochtililoch <flochtililoch@gmail.com>
Instawork · Feb 28, 2025 · f841e04 · f841e04
1 parent 15ea090
commit f841e04
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/docs/reference_header.md b/docs/reference_header.md
@@ -6,27 +6,25 @@ sidebar_label: <header>
 
 The `<header>` element represents the header of a screen in the app. Typically, the header shows a title and navigation elements
 
-An example header on a screen with a scrolling body.
+An example header on a screen with a scrolling view.
 
 ```xml
 <screen>
-  <header style="MyHeader">
-    <text href="#">Back</text>
-    <text>My App</text>
-  </header>
-  <body style="Flex" scroll="true">
-    <view style="FlexHorizontal">
-      <text>Basic view</text>
-      <text>With Horizontal Layout</text>
+  <body style="Flex">
+    <header style="MyHeader">
+      <text href="#">Back</text>
+      <text>My App</text>
+    </header>
+    <view scroll="true" style="Flex">
+      <view style="FlexHorizontal">
+        <text>Basic view</text>
+        <text>With Horizontal Layout</text>
+      </view>
     </view>
   </body>
 </screen>
 ```
 
-## Structure
-
-A `<header>` element can only appear as a direct child of a `<screen>` element.
-
 ## Attributes
 
 - [Behavior attributes](#behavior-attributes)