ExcelExportButton

Props

• fileName (required) — must end with .xlsx, .csv, .txt, or .tsv
• rows / columns — shape of your data
• label — button label
• loading — optional busy UI
• classNames / slotProps — slot-level customization
• renderButtonLabel / renderIcon — custom rendering hooks
• unstyled — headless mode (bring your own design system)

Usage

"use client";

import { ExcelExportButton } from "react-xel/ui";

export default function Example() {
  return (
    <ExcelExportButton
      label="Export users.xlsx"
      fileName="users.xlsx"
      sheetName="Users"
      rows={[{ id: 1, name: "Ada" }]}
    />
  );
}