react-xel
UI

ExcelExportMenu

Preset selector + export status card.

Usage

"use client";

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

const items = [
  {
    id: "users",
    label: "Users report",
    options: {
      fileName: "users.xlsx",
      rows: [{ id: 1, name: "Ada" }]
    }
  }
];

export default function Example() {
  return <ExcelExportMenu items={items} />;
}

Accessibility and theming

  • statusLabels and renderStatus let you control status announcements.
  • a11yLabels customizes SR-only labels.
  • classNames, slotProps, and unstyled enable design-system integration.

ExcelExportButton

Button component that downloads an exported file.

ExcelExportPanel

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

On this page

UsageAccessibility and theming