From 618d89c368d6230bfefc83b2160e60cb96575644 Mon Sep 17 00:00:00 2001
From: "Ahmad S." <navorite@gmail.com>
Date: Sun, 20 Oct 2024 15:07:04 +0300
Subject: [PATCH] docs: replace `<div>` with `<svelte-css-wrapper>` for style
 props (#13706)

---
 .../docs/02-template-syntax/05-styles-and-classes.md        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/documentation/docs/02-template-syntax/05-styles-and-classes.md b/documentation/docs/02-template-syntax/05-styles-and-classes.md
index c552d50d0a..8bc99b658e 100644
--- a/documentation/docs/02-template-syntax/05-styles-and-classes.md
+++ b/documentation/docs/02-template-syntax/05-styles-and-classes.md
@@ -194,9 +194,9 @@ Svelte's implementation is essentially syntactic sugar for adding a wrapper elem
 Desugars to this:
 
 ```svelte
-<div style="display: contents; --rail-color: black; --track-color: rgb(0, 0, 255)">
+<svelte-css-wrapper style="display: contents; --rail-color: black; --track-color: rgb(0, 0, 255)">
 	<Slider bind:value min={0} max={100} />
-</div>
+</svelte-css-wrapper>
 ```
 
 For SVG namespace, the example above desugars into using `<g>` instead:
@@ -207,7 +207,7 @@ For SVG namespace, the example above desugars into using `<g>` instead:
 </g>
 ```
 
-> [!NOTE] Since this is an extra `<div>` (or `<g>`), beware that your CSS structure might accidentally target this. Be mindful of this added wrapper element when using this feature.
+> [!NOTE] Since this is an extra `<svelte-css-wrapper>` (or `<g>`), beware that your CSS structure might accidentally target this. Be mindful of this added wrapper element when using this feature.
 
 Svelte's CSS Variables support allows for easily themeable components: