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:
- Install the library as a devDependency:
npm install --save-dev svelte-fullscreen
- Import the library in your Svelte component:
<script>
import { FullScreen } from 'svelte-fullscreen';
</script>
- Use the
FullScreencomponent in your Svelte component’s markup:
<FullScreen>
<!-- Your content goes here -->
</FullScreen>
- 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.