Skip to content
sveltekit-embed
Everything else

Slides

A slide deck from Slides.com.

import { Slides } from 'sveltekit-embed';
Svelte
1<Slides
2	username="spences10"
3	title="building-with-sveltekit-and-graphql"
4/>

For a deck at slides.com/spences10/building-with-sveltekit-and-graphql, username is the first part and title the second.

Show the byline and share button

Both are hidden by default.

Svelte
1<Slides
2	username="spences10"
3	title="building-with-sveltekit-and-graphql"
4	byline="visible"
5	share="visible"
6	style="light"
7/>

Props

PropTypeDefault
username

The deck owner’s username.

string''
title

The deck’s slug from its URL.

string''
byline

Show the author under the deck.

'hidden' | 'visible' | 'default''hidden'
share

Show the share button.

'hidden' | 'visible' | 'default''hidden'
style

The style of the footer bar.

'light' | 'dark' | 'hidden' | 'transparent' | 'default''dark'
width

Any CSS width.

string'100%'
height

Any CSS height.

string'420px'
loading

lazy waits until the embed is near the viewport, eager loads it straight away.

'lazy' | 'eager''lazy'

Something wrong on this page? Edit it on GitHub.