diff options
| author | Adam Soltys <[email protected]> | 2023-02-27 19:28:09 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-02-27 19:28:38 -0800 |
| commit | 34bc1c031378f8333819f2b46fb74f46634fb639 (patch) | |
| tree | 564736410bb5862e84b747f3073a1b9904506187 /src/components/Code.svelte | |
| parent | f55645af4c27d98927252a0af22b0f58f494b334 (diff) | |
| download | coinos-ui-34bc1c031378f8333819f2b46fb74f46634fb639.tar.gz coinos-ui-34bc1c031378f8333819f2b46fb74f46634fb639.zip | |
api docs
Diffstat (limited to 'src/components/Code.svelte')
| -rw-r--r-- | src/components/Code.svelte | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/Code.svelte b/src/components/Code.svelte new file mode 100644 index 00000000..b3181d0a --- /dev/null +++ b/src/components/Code.svelte @@ -0,0 +1,15 @@ +<script> + import { copy } from '$lib/utils'; + import { Icon } from '$comp'; + import samples from '$lib/samples'; + export let sample; +</script> + +<div class="bg-black text-white rounded-lg p-4 flex gap-4 whitespace-pre-wrap font-mono"> + <div class="w-full break-all">{samples[sample]}</div> + <button + class="ml-auto my-auto invert opacity-90" + on:click={() => copy(samples[sample].replace(/^\s+/gm, '').replace(/\n/g, ''))} + ><Icon icon="copy" style="w-8" /></button + > +</div> |