log-file-viewer
v1.0.18-rc.1
Published
A React component for viewing large text files.
Downloads
5
Readme
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.