Code Block

One recipe, two bindings — rendered side by side from the same source the package ships.

React

snowflake.rs

fn main() {
    let flakes = (0..6).map(|i| i * 60);
    println!("{:?}", flakes.collect::<Vec<_>>());
}

code-block.demo.tsx

import { CodeBlock } from "../react/index.js";

const sample = `fn main() {
    let flakes = (0..6).map(|i| i * 60);
    println!("{:?}", flakes.collect::<Vec<_>>());
}`;

export default function CodeBlockDemo() {
  return <CodeBlock label="snowflake.rs" code={sample} />;
}

Svelte

snowflake.rs

fn main() {
    let flakes = (0..6).map(|i| i * 60);
    println!("{:?}", flakes.collect::<Vec<_>>());
}

code-block.demo.svelte

<script lang="ts">
  import { CodeBlock } from "../svelte/index.js";

  const sample = `fn main() {
    let flakes = (0..6).map(|i| i * 60);
    println!("{:?}", flakes.collect::<Vec<_>>());
}`;
</script>

<CodeBlock label="snowflake.rs" code={sample} />