svelte-toolkit/jitsi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add class to jitsi

Browse Source
This commit is contained in:
Elijah Duffy
2026-02-02 18:44:38 -08:00
parent e35c83635d
commit 7a5cbcb9c6
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/lib/Jitsi.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { type JitsiMeetExternalAPIOptions, JitsiMeetExternalAPI } from './jitsi-iframe-api.js'; import { type JitsiMeetExternalAPIOptions, JitsiMeetExternalAPI } from './jitsi-iframe-api.js';
import type { ClassValue } from 'svelte/elements';
interface Props { interface Props {
/** /**
@@ -13,9 +14,13 @@
* The options to be passed to the Jitsi Meet External API. * The options to be passed to the Jitsi Meet External API.
*/ */
options: JitsiMeetExternalAPIOptions; options: JitsiMeetExternalAPIOptions;
/**
* Additional CSS classes to apply to the Jitsi container.
*/
class?: ClassValue;
} }
let { domain = 'https://meet.jit.si', options }: Props = $props(); let { domain = 'https://meet.jit.si', options, class: classValue }: Props = $props();
const src = $derived(`${new URL('external_api.js', domain).toString()}`); const src = $derived(`${new URL('external_api.js', domain).toString()}`);
@@ -48,4 +53,4 @@
<script {src}></script> <script {src}></script>
</svelte:head> </svelte:head>
<div id="jitsi-container" bind:this={container}></div> <div id="jitsi-container" bind:this={container} class={[classValue]}></div>