mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(code-snippet): add "Reactive example" (#1296)

Browse source 
* docs(code-snippet): add description to "Hidden copy button"

* docs(code-snippet): add "Reactive example"
This commit is contained in:
metonym 2022-05-13 19:18:14 -07:00 • committed by GitHub
commit 7c4842f506
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
docs/src/pages/framed/CodeSnippet/CodeSnippetReactive.svelte Normal file
View file

@ -0,0 +1,19 @@
<script>
import { CodeSnippet, Button } from "carbon-components-svelte";
let expanded = false;
</script>
<Button on:click="{() => (expanded = !expanded)}">Toggle expansion</Button>
<CodeSnippet
type="multi"
code="{Array.from({ length: 30 }, (_, i) => i + 1).join('\n')}"
bind:expanded
on:expand="{() => {
console.log('on:expand');
}}"
on:collapse="{() => {
console.log('on:collapse');
}}"
/>