Code Block

Agent-written code streaming in line by line.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { CodeBlock } from "@aile.sh/elia";

const source = `export function total(items: Item[]) {
  const sum = items.reduce((acc, item) => acc + item.price, 0);
  return Math.round(sum * 100) / 100;
}`;

export function Example() {
  return (
    <CodeBlock
      fileName="total.ts"
      language="TypeScript"
      code={source}
      onCopy={(text) => console.log("copied", text.length)}
    />
  );
}

— elia design system · MIT · primitives · https://github.com/aile-sh/elia