add class to jitsi
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import { type JitsiMeetExternalAPIOptions, JitsiMeetExternalAPI } from './jitsi-iframe-api.js';
|
||||
import type { ClassValue } from 'svelte/elements';
|
||||
|
||||
interface Props {
|
||||
/**
|
||||
@@ -13,9 +14,13 @@
|
||||
* The options to be passed to the Jitsi Meet External API.
|
||||
*/
|
||||
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()}`);
|
||||
|
||||
@@ -48,4 +53,4 @@
|
||||
<script {src}></script>
|
||||
</svelte:head>
|
||||
|
||||
<div id="jitsi-container" bind:this={container}></div>
|
||||
<div id="jitsi-container" bind:this={container} class={[classValue]}></div>
|
||||
|
||||
Reference in New Issue
Block a user