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): update hidden example copy

Browse source
This commit is contained in:
Eric Liu 2020-10-30 10:48:12 -07:00
commit 882737c8b8
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -59,7 +59,7 @@ For dynamically updated code, you must use the `code` prop instead of the defaul
### Hidden multi-line code ### Hidden multi-line code
There may be cases where your code snippet is visually hidden. The logic to render the "Show more" button relies on the element's computed height. For visually hidden content, the button will not appear because the height is `0`. There may be cases where your code snippet is hidden in the DOM. The logic to render the "Show more" button relies on the element's computed height. For hidden content, the button will not appear because the computed height is `0`.
The recommended workaround is to re-render the component. See the example below. The recommended workaround is to re-render the component. See the example below.

2
docs/src/pages/framed/CodeSnippet/HiddenCodeSnippet.svelte
View file

@ -28,5 +28,7 @@
{#if toggled} {#if toggled}
<br /><br /> <br /><br />
<h5>"Show more" will render</h5><br /> <h5>"Show more" will render</h5><br />
<div class:hidden="{!toggled}">
<CodeSnippet type="multi" code="{code}" /> <CodeSnippet type="multi" code="{code}" />
</div>
{/if} {/if}