Fragment Syntax

I’ve built a fairly simple macro in confluence using a forge tutorial. All very neat and works well but now I want to play with the format a little. I have this Fragment and Text element. I’m an old time dev that’s been out of the picture for a few years so maybe I’m missing something I should know but why can’t I add divs, headings etc inside these fragments? Been looking for a reference /syntax guide but can’t find anything…?


const App = () => {
  console.log("Testing 123");
  return (
    <Fragment><Text>
    Hello world to you too! 
    </Text>
    </Fragment>

  );
};

Ok I found the reference site for this and am making my way through it. Thanks to those who took the time to take a look.

Are these the reference pages you were looking for? https://developer.atlassian.com/platform/forge/ui-kit-components/fragment/
https://developer.atlassian.com/platform/forge/ui-kit-components/text/

Linking here in case someone else lands here with similar questions :slight_smile: .