log-file-viewer

React Log File Viewer

A React component for viewing large text files.

Installation

You can install the React Log File Viewer package using npm or yarn.

npm install react-log-file-viewer


or

yarn add react-log-file-viewer

Usage

Import the ReactLogFileViewer component and use it in your React application.

import ReactLogFileViewer from 'react-log-file-viewer';

function App() {
  return (
    <div>
      <ReactLogFileViewer filePath="path/file.txt" />
    </div>
  );
}

Props

The ReactLogFileViewer component accepts the following props:

• filePath (string, required): The path to the text file you want to view.
• itemSize (number, default: 40): Determines the number of lines visible in the view without scrolling.
• lineHeight (number, default: 20): Specifies the height of each line in pixels.
• width (string, default: '800px'): Sets the width of the viewer container.

Examples

Here's an example of using the React Log File Viewer component:

import ReactLogFileViewer from 'react-log-file-viewer';

function App() {
  return (
    <div>
      <ReactLogFileViewer filePath="path/file.txt" itemSize={30} lineHeight={25} width="1000px" />
    </div>
  );
}

License

This project is licensed under the MIT License. See the LICENSE file for details.

Repository

The source code for the React Log File Viewer component is hosted on GitHub: https://github.com/TestsigmaInc/react-log-file-viewer

Issues

If you encounter any issues or have any suggestions for improvements, please open an issue on the GitHub repository.