Improve component slots info

SerafimArts · SerafimArts · commit d66b951dd4d5 · 2025-05-15T16:38:27.000+03:00
diff --git a/Writerside/topics/webview/web-components-api.md b/Writerside/topics/webview/web-components-api.md
@@ -96,15 +96,20 @@ class MyExampleComponent implements HasShadowDomInterface
 {
     public function render(): string
     {
-        //
-        // Please note that using the short "<slot />" version 
-        // instead of full "<slot></slot>" may not work correctly.
-        //
         return '<b>This is <slot></slot>!!!</b>';
     }
 }
 ```
 
+<warning>
+Slot tags (<code>&lt;slot /&gt;</code>) only work in Shadow DOM
+</warning>
+
+<warning>
+Using the short <code>&lt;slot /&gt;</code> version instead of 
+full <code>&lt;slot&gt;&lt;/slot&gt;</code> may not work correctly
+</warning>
+
 If you try to render the contents of a `<slot />` without a Shadow DOM (using 
 `HasTemplateInterface`), no data will be received.
 

Original file line number	Diff line number	Diff line change
`@@ -96,15 +96,20 @@ class MyExampleComponent implements HasShadowDomInterface`
`96`	`96`	`{`
`97`	`97`	`public function render(): string`
`98`	`98`	`{`
`99`		`- //`
`100`		`- // Please note that using the short "<slot />" version`
`101`		`- // instead of full "<slot></slot>" may not work correctly.`
`102`		`- //`
`103`	`99`	`return '<b>This is <slot></slot>!!!</b>';`
`104`	`100`	`}`
`105`	`101`	`}`
`106`	`102`	```
`107`	`103`
	`104`	`+<warning>`
	`105`	`+Slot tags (<code><slot /></code>) only work in Shadow DOM`
	`106`	`+</warning>`
	`107`	`+`
	`108`	`+<warning>`
	`109`	`+Using the short <code><slot /></code> version instead of`
	`110`	`+full <code><slot></slot></code> may not work correctly`
	`111`	`+</warning>`
	`112`	`+`
`108`	`113`	If you try to render the contents of a `<slot />` without a Shadow DOM (using
`109`	`114`	`HasTemplateInterface`), no data will be received.
`110`	`115`