Skip to content

Commit 10d20fa

Browse files
Merge pull request #578 from universal-ember/add-svelte-docs-for-heading-level
Add svelte docs for heading level
2 parents df933b5 + a56b179 commit 10d20fa

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

docs-app/public/docs/6-utils/get-section-heading-level.md

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,25 @@ class Heading extends Component {
135135

136136
</section>
137137

138+
<details><summary>using Svelte</summary>
139+
140+
```svelte
141+
<script>
142+
import { getSectionHeadingLevel } from "which-heading-do-i-need";
143+
144+
let { children } = $props();
145+
146+
let ref = $state();
147+
const hLevel = $derived(ref ? `h${getSectionHeadingLevel(ref)}` : 'span');
148+
</script>
149+
150+
<svelte:element this={hLevel} bind:this={ref}>
151+
{@render children?.()}
152+
</svelte:element>
153+
```
154+
155+
</details>
156+
138157
## API Reference
139158

140159
```gjs live no-shadow

0 commit comments

Comments
 (0)