From cfef7291590dca98f2bd793358ab425d999cb853 Mon Sep 17 00:00:00 2001 From: Nightt <87569709+nightt5879@users.noreply.github.com> Date: Wed, 24 Jun 2026 18:40:42 +0800 Subject: [PATCH] docs: clarify nullish dot-notation components --- documentation/docs/03-template-syntax/01-basic-markup.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/documentation/docs/03-template-syntax/01-basic-markup.md b/documentation/docs/03-template-syntax/01-basic-markup.md index feecfe033e63..36adf32b5d69 100644 --- a/documentation/docs/03-template-syntax/01-basic-markup.md +++ b/documentation/docs/03-template-syntax/01-basic-markup.md @@ -8,6 +8,14 @@ Markup inside a Svelte component can be thought of as HTML++. A lowercase tag, like `
`, denotes a regular HTML element. A capitalised tag or a tag that uses dot notation, such as `` or ``, indicates a _component_. +Dot notation is resolved when the component is rendered. If any part of the expression can be `null` or `undefined`, guard it first: + +```svelte +{#if Thing?.Item} + +{/if} +``` + ```svelte