I'm working on a mock personal assistant app that shows a screen of 4 different applications, tiled on the landing page using Flexbox. I want the user to be able to expand each tile and see more for each component.

I was thinking about passing a prop such as "fullScreen" into the component tag and then changing the JSX/CSS accordingly using an if statement. I know I could also completely rewrite the component into a full screen version.

Is there a better method?