Skip to content
Twentyfirst UIHalo

Export Dialog

Overlays · ExportDialog

Exporting a filtered list: format, period, columns, progress and download.

Props: open / onClose (or inline), title, text, count, formats, columns ({key, label, default: false = off}), ranges (false hides the period), range, note, onExport(options, progress) (return a promise; call progress(0–100)), onDownload or download (node), doneText.

  • Columns with personal data start unchecked.

Props

ExportDialog

PropTypeNotes
open?boolean
inline?boolean
onClose?() => void
title?string
text?ReactNode
count?number
formats?string[]
format?string
columns?{ key: string; label: string; default?: boolean }[]
ranges?boolean
range?{ from: Date | null; to: Date | null } | null
note?ReactNode
onExport?( o: { format: string; columns: string[]; range: DateRange | null }, progress: (pct: number) => void, ) => void | Promise<void>
onDownload?() => void
download?ReactNode
doneText?string
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.