Skip to content

esc

Menu

Packs
Docs
GitHub

Contents

svelte

Nested <style> elements

Svelte

Svelte

01 Introduction›

Introduction
Overview
Getting started
.svelte files
.svelte.js and .svelte.ts files

02 Runes›

Runes
What are runes?
$state
$derived
$effect
$props
$bindable
$inspect
$host

03 Template Syntax›

Template syntax
Basic markup
{#if ...}
{#each ...}
{#key ...}
{#await ...}
{#snippet ...}
{@render ...}
{@html ...}
{@attach ...}
{@const ...}
{@debug ...}
{let/const ...}
12 Bind
use:
transition:
in: and out:
animate:
style:
class
await

04 Styling›

Styling
Scoped styles
Global styles
Custom properties
Nested <style> elements

05 Special Elements›

Special elements
<svelte:boundary>
<svelte:window>
<svelte:document>
<svelte:body>
<svelte:head>
<svelte:element>
<svelte:options>

06 Runtime›

Runtime
Stores
Context
Lifecycle hooks
Imperative component API
Hydratable data

07 Misc›

Misc
Best practices
Testing
TypeScript
Custom elements
Browser support
Svelte 4 migration guide
Svelte 5 migration guide
Frequently asked questions

98 Reference›

Reference
svelte
svelte/action
svelte/animate
svelte/attachments
svelte/compiler
svelte/easing
svelte/events
svelte/legacy
svelte/motion
svelte/reactivity
svelte/reactivity/window
svelte/server
svelte/store
svelte/transition
Compiler errors
Compiler warnings
Runtime errors
Runtime warnings

99 Legacy›

Legacy APIs
Overview
Reactive let/var declarations
Reactive $: statements
export let
$$props and $$restProps
on:
<slot>
$$slots
<svelte:fragment>
<svelte:component>
<svelte:self>
Imperative component API

llms.txt·full·src

Svelte

Nested <style> elements

Nested