[] }) => void;\n\n /** Override the default download behaviour */\n onExport?: (csvString: string, filename: string) => void;\n\n /** Show the \"Load demo data\" button in the empty state (default: true) */\n showDemo?: boolean;\n\n /** Extra CSS class for the root element */\n className?: string;\n\n /** Inline styles for the root element */\n style?: React.CSSProperties;\n}\n```\n\n---\n\n## 📖 Examples\n\n### Load data programmatically\n\n```tsx\nimport { CSVEditor } from '@codebiba/react-csv-editor';\nimport '@codebiba/react-csv-editor/styles';\n\nconst data = {\n headers: ['id', 'name', 'email'],\n rows: [\n { id: '1', name: 'Alice', email: 'alice@example.com' },\n { id: '2', name: 'Bob', email: 'bob@example.com' },\n ],\n};\n\nexport default function App() {\n return (\n \n \n
\n );\n}\n```\n\n### Controlled data with `onDataChange`\n\n```tsx\nimport { useState } from 'react';\nimport { CSVEditor } from '@codebiba/react-csv-editor';\nimport '@codebiba/react-csv-editor/styles';\n\nexport default function App() {\n const [csvData, setCsvData] = useState(null);\n\n return (\n \n {\n setCsvData(data);\n console.log('rows:', data.rows.length);\n }}\n />\n
\n );\n}\n```\n\n### Custom export handler (e.g. upload to server)\n\n```tsx\nimport { CSVEditor } from '@codebiba/react-csv-editor';\nimport '@codebiba/react-csv-editor/styles';\n\nexport default function App() {\n const handleExport = async (csvString, filename) => {\n const blob = new Blob([csvString], { type: 'text/csv' });\n const formData = new FormData();\n formData.append('file', blob, filename);\n await fetch('/api/upload-csv', { method: 'POST', body: formData });\n alert('Uploaded successfully!');\n };\n\n return (\n \n \n
\n );\n}\n```\n\n### Inside a Next.js app (App Router)\n\n```tsx\n// app/csv/page.tsx\n'use client';\n\nimport dynamic from 'next/dynamic';\n\nconst CSVEditor = dynamic(\n () => import('@codebiba/react-csv-editor').then((m) => m.CSVEditor),\n { ssr: false }\n);\n\nimport '@codebiba/react-csv-editor/styles';\n\nexport default function Page() {\n return (\n \n \n \n );\n}\n```\n\n---\n\n## ⌨️ Keyboard Shortcuts\n\n| Key | Action |\n|-----|--------|\n| `Double-click` cell | Enter edit mode |\n| `Enter` | Confirm edit |\n| `Escape` | Cancel edit |\n| `Tab` | Confirm edit and move focus |\n\n---\n\n## 🏗 Development\n\n```bash\ngit clone https://github.com/codebiba/react-csv-editor\ncd react-csv-editor\nnpm install\nnpm run build # production build → dist/\nnpm run dev # watch mode\n```\n\n---\n\n## 📄 License\n\nMIT © [Aditya Yaduvanshi](https://github.com/adityayaduvanshi)\n","readmeFilename":"README.md"}