component

code-block

Editorial code surface with a terminal header, filename, and copy button.

preview

dashboard.tsx

import { Button, Stat } from "@eduba/ui";

export function Dashboard({ themes }: { themes: string[] }) {
  return (
    <section className="grid gap-4">
      <Stat label="themes" value={themes.length} />
      <Button onClick={() => console.log("ship it")}>
        Deploy
      </Button>
    </section>
  );
}

install

pnpm add @eduba/ui