React-log-file-viewer NPM

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>
  );
}