Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.
⌘I
{"docsConfig":{"theme":"maple","$schema":"https://mintlify.com/docs.json","name":"Quill","colors":{"primary":"#212121","light":"#FFFFFF","dark":"#212121"},"logo":{"light":"https://mintcdn.com/quill/1rz9Mp2lIcxgjYLT/logo/light.png?fit=max\u0026auto=format\u0026n=1rz9Mp2lIcxgjYLT\u0026q=85\u0026s=c30d852614a6983dddc4f7d7361117e9","dark":"https://mintcdn.com/quill/1rz9Mp2lIcxgjYLT/logo/dark.png?fit=max\u0026auto=format\u0026n=1rz9Mp2lIcxgjYLT\u0026q=85\u0026s=872f0a67e3d4d672fbe2961bfe234e05","href":"https://quill.co"},"favicon":"https://mintcdn.com/quill/uJxYp0QfD2nyydTi/favicon.png?fit=max\u0026auto=format\u0026n=uJxYp0QfD2nyydTi\u0026q=85\u0026s=377180a5c8df1771aa8886c9bd0105e5","navbar":{"primary":{"type":"button","label":"Learn more","href":"https://quill.co"}},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"quill","hasAudioNarration":false,"actualSubdomain":"quill","customDomains":["quill.co"],"gitSource":{"type":"github","owner":"quill-sql","repo":"docs","deployBranch":"main","contentDirectory":"","mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a20c34912ef21155ee550fb","collectionId":"adac8eb9-d514-461a-ab48-b0ed5531c908","schemaVersion":"v2"},"entitlements":{"AI_CHAT":{"status":"DISABLED"},"WEB_MCP":{"status":"DISABLED"}},"buildId":"6ae9145afc47ed067c283835:success","clientVersion":"0.0.4076","searchFilterCounts":[{"language":"default","tag":"React SDK","count":19},{"language":"default","tag":"BI Platform","count":14},{"language":"default","tag":"Components","count":7},{"language":"default","tag":"Hooks","count":5},{"language":"default","tag":"Getting Started","count":3},{"language":"default","tag":"Architecture","count":2},{"language":"default","tag":"Use cases","count":2},{"language":"default","tag":"Server SDK","count":2},{"language":"default","tag":"Functions","count":1},{"language":"default","tag":"Reference","count":1}]},"assistantConfig":{},"basePath":"/docs","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"react/headless-data-export","slug":"/react/headless-data-export","pageMetadata":{"title":"Headless CSV and PDF export","description":"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.","href":"/react/headless-data-export"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){return _jsx(_Fragment,{})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Headless CSV and PDF export","description":"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.","href":"/react/headless-data-export"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":["/docs/_mintlify/custom/quill/b265c4388d0b984e/script.js"],"subdomain":"quill","siteName":"Quill","title":"Headless CSV and PDF export - Quill","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2025-11-25T16:25:42.714Z","originalFileLocation":"react/headless-data-export.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Quill\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Headless CSV and PDF export - Quill\">\u003cmeta data-mint-head property=\"og:description\" content=\"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Quill\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://quill.co/docs/react/headless-data-export\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://quill.mintlify.site/docs/_mintlify/api/og/v2?division=Use+cases\u0026amp;title=Headless+CSV+and+PDF+export\u0026amp;description=Add+a+report+detail+page+to+your+app+with+CSV+and+PDF+export%2C+styled+with+your+existing+UI+components.\u0026amp;theme=b8a2093e40da4cb9b0931b83\u0026amp;signature=106e63ee5d00d4a75dc22bb3eb315796e4924a36646edf62a73d37442f03bfc7\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Headless CSV and PDF export - Quill\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://quill.mintlify.site/docs/_mintlify/api/og/v2?division=Use+cases\u0026amp;title=Headless+CSV+and+PDF+export\u0026amp;description=Add+a+report+detail+page+to+your+app+with+CSV+and+PDF+export%2C+styled+with+your+existing+UI+components.\u0026amp;theme=b8a2093e40da4cb9b0931b83\u0026amp;signature=106e63ee5d00d4a75dc22bb3eb315796e4924a36646edf62a73d37442f03bfc7\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/docs/mintlify-assets/_mintlify/favicons/quill/028bRKXvuFQQ73M2/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Quill\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#212121\">\u003clink data-mint-head rel=\"canonical\" href=\"https://quill.co/docs/react/headless-data-export\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/react/headless-data-export.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://quill.co/#organization\",\"name\":\"Quill\",\"url\":\"https://quill.co\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/quill/1rz9Mp2lIcxgjYLT/logo/light.png?fit=max\u0026auto=format\u0026n=1rz9Mp2lIcxgjYLT\u0026q=85\u0026s=c30d852614a6983dddc4f7d7361117e9\"}},{\"@type\":\"WebSite\",\"@id\":\"https://quill.co/docs#website\",\"name\":\"Quill\",\"url\":\"https://quill.co/docs\",\"publisher\":{\"@id\":\"https://quill.co/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://quill.co/docs/react/headless-data-export#webpage\",\"url\":\"https://quill.co/docs/react/headless-data-export\",\"name\":\"Headless CSV and PDF export\",\"description\":\"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.\",\"dateModified\":\"2025-11-25T16:25:42.714Z\",\"isPartOf\":{\"@id\":\"https://quill.co/docs#website\"},\"breadcrumb\":{\"@id\":\"https://quill.co/docs/react/headless-data-export#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://quill.co/docs/react/headless-data-export#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Use cases\",\"item\":\"https://quill.co/docs/react/headless-dashboard\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Headless CSV and PDF export\",\"item\":\"https://quill.co/docs/react/headless-data-export\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://quill.co/docs/react/headless-data-export#article\",\"headline\":\"Headless CSV and PDF export\",\"name\":\"Headless CSV and PDF export\",\"description\":\"Add a report detail page to your app with CSV and PDF export, styled with your existing UI components.\",\"url\":\"https://quill.co/docs/react/headless-data-export\",\"mainEntityOfPage\":{\"@id\":\"https://quill.co/docs/react/headless-data-export#webpage\"},\"dateModified\":\"2025-11-25T16:25:42.714Z\",\"publisher\":{\"@id\":\"https://quill.co/#organization\"},\"isPartOf\":{\"@id\":\"https://quill.co/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Quill\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Quill","nav":{"global":null,"tabs":[{"tab":"Architecture","pages":[{"title":"Architecture","href":"/architecture"}]},{"tab":"BI Platform","pages":[{"title":"BI Platform","href":"/bi-platform/overview"}]},{"tab":"React SDK","groups":[{"group":"Getting Started","pages":[{"title":"Quickstart","href":"/react/quickstart"},{"title":"Custom Themes","mode":"wide","href":"/react/themes"},{"title":"What is Headless UI?","href":"/react/headless"}]},{"group":"Use cases","pages":[{"title":"Headless dashboard","description":"Add a dashboard to your app, styled with your existing UI components.","href":"/react/headless-dashboard"},{"title":"Headless CSV and PDF export","href":"/react/headless-data-export"}]},{"group":"Components","pages":[{"title":"QuillProvider","description":"A context provider that wraps all quill components","mode":"wide","href":"/react/quill-provider"},{"title":"Dashboard","href":"/react/dashboard"},{"title":"ReportBuilder","href":"/react/report-builder"},{"title":"Chart","href":"/react/chart"},{"title":"StaticChart","href":"/react/static-chart"},{"title":"Table","href":"/react/table"},{"title":"SQLEditor","href":"/react/sql-editor"}]},{"group":"Hooks","pages":[{"title":"useDashboard","href":"/react/use-dashboard"},{"title":"useDashboardReport","href":"/react/use-dashboard-report"},{"title":"useDashboards","href":"/react/use-dashboards"},{"title":"useQuill","href":"/react/use-quill"},{"title":"useExport","href":"/react/use-export"}]},{"group":"Functions","pages":[{"title":"format","href":"/react/format"}]},{"group":"Reference","pages":[{"title":"Types","href":"/react/types"}]}]},{"tab":"Server SDK","pages":[{"title":"Server SDK","href":"/server/quickstart"}]}]},"basePath":"","title":"Headless CSV and PDF export - Quill","buildId":"dpl_ATnXPMW25DMPUr9VBw6kL6MfBt6T","deploymentId":"dpl_ATnXPMW25DMPUr9VBw6kL6MfBt6T","dynamics":[],"chunks":[]}