...
`, `PDF preview is disabled. Please download to view.
;\n }\n return null; // Use default for others\n }}\n allowCustomPreviewForBlockedExtensions={true} // Custom preview will be called even for blocked extensions\n/>\n```\n\n## π Column Sorting\n\nIn **list-layout** view, users can sort files and folders by clicking on column headers. The sort functionality includes:\n\n- **Sort by Name**: Alphabetical sorting (A-Z or Z-A)\n- **Sort by Modified**: Sort by last modified date (oldest to newest or newest to oldest)\n- **Sort by Size**: Sort by file size (smallest to largest or largest to smallest)\n\n### Features\n\n- Click a column header to sort by that column\n- Click the same column again to toggle between ascending (β²) and descending (βΌ)\n- Visual indicators show which column is currently sorted and the direction\n- Folders always appear before files, regardless of sort criteria\n- Sort configuration persists during folder navigation\n\n### Tracking Sort Changes\n\nUse the `onSortChange` callback to track or persist sort preferences:\n\n```jsx\nThe application uses MongoDB to store file system changes (folders and images).\n\n1. Install MongoDB if not already installed.\n2. Ensure MongoDB service is running (default port: 27017).\n3. Create a database named `fileManagerDB` (or as specified in `backend/.env`).\n\nCheck `backend/.env.example` for database configuration details.\n\n> Note: `backend` here is just an example implementation of react-file-manager into your\n> application. You may use any database and server combination of your choice.\n\n## Β©οΈ License\n\nReact File Manager is [MIT Licensed](LICENSE).\n","readmeFilename":"README.md"}