react-xel
UI

ExcelExportPanel

Composite component (button + preset menu) for export flows.

Usage

"use client";

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

export default function Example() {
  return (
    <ExcelExportPanel
      title="Export center"
      action={{
        label: "Quick export",
        fileName: "quick.xlsx",
        rows: [{ id: 1, name: "Ada" }]
      }}
      presets={[
        {
          id: "users",
          label: "Users",
          options: {
            fileName: "users.xlsx",
            rows: [{ id: 1, name: "Ada" }]
          }
        }
      ]}
    />
  );
}

Use menuProps to pass advanced menu settings (status labels, a11y labels, headless mode).

On this page