Code

Preview

    .card {

    width: 400px;

    padding: 20px;

    border: 1px solid #0d1117;

    border-radius: 10px;

    background-color: #000;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    cursor: pointer;

    }

Usage

<script lang="ts">
  import { Code } from "@dxdns/feflow-svelte"

  const data = `
        .card {
            width: 400px;
            padding: 20px;
            border: 1px solid #0d1117;
            border-radius: 10px;
            background-color: #000;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            cursor: pointer;
        }`
</script>

<Code>
  {#each data.split("\n").filter((l) => l.trim() !== "") as text, i (i)}
    <Code.Item lineNumber={i}>
      {text.trim()}
    </Code.Item>
  {/each}
</Code>