docs(code-snippet): add "Portal tooltip" example

Author: metonym

docs/src/pages/components/CodeSnippet.svx

@@ -110,6 +110,14 @@ Re-render the component to fix this issue.
 
 <FileSource src="/framed/CodeSnippet/HiddenCodeSnippet" />
 
+## Portal tooltip
+
+Set `portalTooltip` to `true` to render the feedback tooltip in a floating portal. This prevents the tooltip from being clipped by parent containers with `overflow: hidden` or z-index stacking contexts. The example below uses a container with hidden overflow; with `portalTooltip`, the tooltip breaks out of the container.
+
+When inside a [Modal](/components/Modal), `portalTooltip` defaults to `true` unless explicitly set to `false`.
+
+<FileSource src="/framed/CodeSnippet/CodeSnippetPortalTooltip" />
+
 ## Inside a modal
 
 When used inside a `Modal`, the feedback tooltip is automatically portalled to prevent it from being clipped by `overflow: hidden`. Set `portalTooltip` to explicitly control this behavior.

docs/src/pages/framed/CodeSnippet/CodeSnippetPortalTooltip.svelte

@@ -0,0 +1,14 @@
+<script>
+  import { CodeSnippet, Stack } from "carbon-components-svelte";
+</script>
+
+<Stack
+  gap={4}
+  style="overflow: hidden; border: 1px dashed var(--cds-border-subtle); padding: 1rem; max-height: 120px;"
+>
+  <CodeSnippet
+    code="npm i carbon-components-svelte"
+    feedback="Copied!"
+    portalTooltip={true}
+  />
+</Stack>