CODEWITHSUNDEEP
javascriptreactjstypescript
lokavo
lokavo

Reputation: 25

render a component in full screen view

I want to render a component in full screen view. Let us suppose the component is already mounted and it's available in the DOM.

// container for full screen view
<div>{anyComponent}</div>

Is there any way to view the component in full screen? rather than importing again & pass it to full screen view.

Upvotes: 0

Views: 864

Answers (1)

Vincent
Vincent

Reputation: 513

By making use of .requestFullscreen().

Here is an example:

<div onclick="event.target.requestFullscreen()">click me!</div>

Of course, you don't need to use onclick

PS: btw, please note that default background-color in fullscreen is not the same as not in fullscreen, so you may need to account for this in your styling.

Upvotes: 1

Related Questions