Diff Table

Name: elia
Author: AILE.SH

AI-proposed edits sweeping through tabular data.

Installation

bun add elia

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

Usage

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

export function Example() {
  return (
    <DiffTable
      title="Proposed access changes"
      rows={[
        { id: "j.rivera", dept: "Finance", email: "billing-admin", removed: true },
        { id: "m.okafor", dept: "Support", email: "viewer", removed: false },
        { id: "a.lindqvist", dept: "Product", email: "editor", removed: false },
      ]}
      added={{ id: "s.tanaka", dept: "Finance", email: "billing-admin" }}
    />
  );
}

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