sveltejs/svelte

Introduction

Overview

Getting started

Svelte Files

.svelte.js and .svelte.ts files

Introduction

Runes

What are runes

$state

$derived

$effect

$props

$bindable

$inspect

$host

Runes

Template Syntax

Basic markup

if-blocks

each block

key

await blocks

snippet

@render

@html tag

@attach directive

@const

@debug

bind

use directive

transition

in and out directives

animate

style directive

class

await-expressions

Template syntax

Styling

Scoped styles

Global styles

Custom properties

Nested Style Elements

Styling

Special Elements

svelte-boundary

svelte-window

svelte-document

svelte:body

svelte:head

svelte-element

svelte:options

Special elements

Runtime APIs

Stores

Context

Lifecycle Hooks

imperative-component-api

Runtime

Advanced Topics & Migration

Testing

TypeScript

Custom Elements

v4 migration guide

Svelte 5 Migration Guide

Frequently Asked Questions

Misc

API Reference

Error & Warning Reference

client-errors

client-warnings

compile-errors

compile-warnings

server-errors

shared-errors

shared-warnings

svelte

svelte/action

svelte/animate

svelte/attachments

svelte/compiler API Reference

Easing Functions

svelte/events

svelte/legacy

Motion

Reactive Window Values

svelte-reactivity

svelte/server

svelte/store

svelte/transition

Compiler Errors Reference

Compiler Warnings

Runtime errors

Runtime warnings

Reference

Legacy Mode API Reference

Legacy Overview

Reactive let/var declarations

Reactive Statements

export let

$$props and $$restProps

Event Handlers and Dispatchers

Legacy Slots

$$slots

svelte:fragment

svelte:component

svelte:self

Imperative Component API

Legacy APIs

index

Home / sveltejs/svelte / styling/ custom_properties

Command Palette

Search for a command to run

Custom properties

✓ Relevant

How to pass and use CSS custom properties in Svelte components.

Made by Alexey with ❤️

human-index