MDK Logo
ReferenceUI KitReactUI Kit foundationComponentsActions

StatsExport

Dropdown button that triggers asynchronous CSV or JSON export. Shows a spinner while the corresponding handler is awaited.

Dropdown button that triggers asynchronous CSV or JSON export. Shows a spinner while the corresponding handler is awaited.

import { StatsExport } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
showLabelOptionalboolean | undefined
disabledOptionalboolean | undefined
onCsvExportRequired() => Promise<void>
onJsonExportRequired() => Promise<void>

Usage

Dropdown button that triggers asynchronous CSV or JSON export. Shows a spinner while the corresponding handler is awaited.

Example

/** * Runnable example for StatsExport. */import { StatsExport } from '@tetherto/mdk-react-devkit'export const StatsExportExample = () => {  return (    <StatsExport      onCsvExport={async () => {        await new Promise((r) => setTimeout(r, 800))        // eslint-disable-next-line no-console        console.log('export csv')      }}      onJsonExport={async () => {        await new Promise((r) => setTimeout(r, 800))        // eslint-disable-next-line no-console        console.log('export json')      }}      showLabel    />  )}