react-xel

TypeScript Ergonomics

Inference-friendly builders and strict option modeling.

defineColumns

import { defineColumns } from "react-xel";

const columns = defineColumns<{ id: number; total: number }>([
  { header: "ID", key: "id" },
  { header: "Total", key: "total", numberFormat: "#,##0.00" }
]);

defineSheets

import { defineSheets } from "react-xel";

const sheets = defineSheets<{ id: number }>([
  { sheetName: "Users", rows: [{ id: 1 }] }
]);

definePreset + composeExportOptions

import { composeExportOptions, definePreset } from "react-xel";

const securityPreset = definePreset({
  sanitizeValues: true
});
const bufferPreset = definePreset({
  mode: "buffer"
});

const merged = composeExportOptions(securityPreset, bufferPreset);

On this page