mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +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

14
docs/src/pages/components/CodeSnippet.svx
View file

@ -60,6 +60,18 @@ To prevent text from being copied entirely, pass a no-op function to the `copy`
<CodeSnippet type="multi" {code} />
### Expanded by default
Use the `expanded` prop to control whether the multi-line code snippet is expanded or not.
<CodeSnippet type="multi" {code} expanded />
### Reactive example
The multi-line code snippet also dispatches "expand" and "collapse" events.
<FileSource src="/framed/CodeSnippet/CodeSnippetReactive" />
### Custom copy feedback text
Use the `feedback` prop to override the default copy button feedback text.
@ -68,6 +80,8 @@ Use the `feedback` prop to override the default copy button feedback text.
### Hidden copy button
Set `hideCopyButton` to `true` to hide the copy button.
<CodeSnippet type="multi" {code} hideCopyButton />
### Disabled