docs: added a note to component's children section (#1600)

* docs: updated components docs, added a note on the children section * add changeset * updated snapshots * Revert "updated snapshots" This reverts commit 5c1b65c. * Revert "add changeset" This reverts commit 0ce66d3. * Update packages/docs/src/routes/docs/components/index.mdx --------- Co-authored-by: Sami Jaber <[email protected]>
BuilderIO · Oct 21, 2024 · b9af061 · b9af061
1 parent 12639bb
commit b9af061
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/docs/src/routes/docs/components/index.mdx b/packages/docs/src/routes/docs/components/index.mdx
@@ -276,6 +276,14 @@ export default function MyComponent(props) {
 
 </details>
 
+> **Note**: You cannot directly iterate over the children prop. It is a special property intended for rendering like this:
+
+```jsx
+<div>{props.children}</div>
+````
+
+Many frameworks do not support manipulating or iterating over it directly, unlike frameworks such as React or Vue.
+
 ### Slot
 
 When you want to register a named slot you do so using a prop.