Svelte Fullscreen

Overview

Svelte FullScreen is an open source software that allows for fullscreen functionality in DOM Elements. It is licensed as MIT and supports various browsers.

Features

• Performs fullscreen in DOM Elements
• Easy installation and usage
• Provides callbacks for handling fullscreen events
• Supports multiple browsers

Installation

To use Svelte FullScreen, follow these steps:

1. Install the library as a devDependency:

npm install --save-dev svelte-fullscreen

2. Import the library in your Svelte component:

<script>
    import { FullScreen } from 'svelte-fullscreen';
</script>

3. Use the FullScreen component in your Svelte component’s markup:

<FullScreen>
    <!-- Your content goes here -->
</FullScreen>

4. Handle the callbacks for fullscreen events, if needed:

<FullScreen 
    onToggle={() => { console.log('Fullscreen toggled'); */}}
    onExit={() => { console.log('Fullscreen exited'); */}}
    onRequest={() => { console.log('Fullscreen requested'); */}}
>
    <!-- Your content goes here -->
</FullScreen>

Summary

Svelte FullScreen is an open source library that allows for fullscreen functionality in DOM Elements. It provides an easy way to add fullscreen capability to your Svelte components, with callbacks available for handling fullscreen events. It supports multiple browsers and is licensed under the MIT license.