CodeSnippet

Source code
Table of Contents

Usage

Default (single-line)

yarn add -D carbon-components-svelte
<script>
  import { CodeSnippet } from "carbon-components-svelte";
</script>

<CodeSnippet>yarn add -D carbon-components-svelte</CodeSnippet>

Inline

<script>
  import { CodeSnippet } from "carbon-components-svelte";
</script>

<CodeSnippet type="inline">rm -rf node_modules/</CodeSnippet>

Multi-line

// helpers.js
  
export function multiply(a: number, b: number) {
  return a * b;
}

export function divide(a: number, b: number) {
  return a / b;
}

export function add(a: number, b: number) {
  return a + b;
}

export function subtract(a: number, b: number) {
  return a - b;
}
<script>
  import { CodeSnippet } from "carbon-components-svelte";
</script>

<CodeSnippet type="multi" {code} />

Hidden copy button

// helpers.js
  
export function multiply(a: number, b: number) {
  return a * b;
}

export function divide(a: number, b: number) {
  return a / b;
}

export function add(a: number, b: number) {
  return a + b;
}

export function subtract(a: number, b: number) {
  return a - b;
}
<script>
  import { CodeSnippet } from "carbon-components-svelte";
</script>

<CodeSnippet type="multi" {code} hideCopyButton />

Skeleton

<script>
  import { CodeSnippet } from "carbon-components-svelte";
</script>

<CodeSnippet skeleton />
Table of Contents