<full-screen>

Adds a wrapper container with controls to take the wrapper to full-screen mode and back again.

Slots

• default slot - The default unnamed slot should hold the content that you wish to allow to be shown in full-screen mode.
• open-fullscreen-button-text - This slot allows you to set the content of the open-fullscreen <button>. The default is empty and CSS is used to apply a Unicode icon.
• close-fullscreen-button-text - This slot allows you to set the content of the close-fullscreen <button>. The default is empty and CSS is used to apply a Unicode icon.

CSS parts

• full-screen::part(open-fullscreen-button) - Targets the open-fullscreen <button> part of the component, to allow styling to be applied.
• full-screen::part(close-fullscreen-button) - Targets the close-fullscreen <button> part of the component, to allow styling to be applied.

Example

Code