Info alert:Beta feature
This Beta component is currently under review and is still open for further evolution. It is available for use in product. Beta components are considered for promotion on a quarterly basis. Please join in and give us your feedback or submit any questions on the PatternFly forum or via Slack. To learn more go to our Beta components page on GitHub.
Examples
Props
LogViewer
| Name | Type | Default | Description |
|---|---|---|---|
| data | string | string[] | String or String Array data being sent by the consumer | |
| footer | React.ReactNode | Component rendered in the log viewer console window footer | |
| hasLineNumbers | boolean | Flag to enable or disable line numbers on the log viewer. | |
| hasToolbar | boolean | Consumer may turn off the visibility on the toolbar | |
| header | React.ReactNode | Component rendered in the log viewer console window header | |
| height | number | string | Height of the log viewer. | |
| innerRef | React.RefObject<any> | Forwarded ref | |
| isTextWrapped | boolean | Flag indicating that log viewer is wrapping text or not | |
| itemCount | number | Number of rows to display in the log viewer | |
| loadingContent | React.ReactNode | Content displayed while the log viewer is loading | |
| onScroll | ({ scrollDirection, scrollOffset, scrollOffsetToBottom, scrollUpdateWasRequested }: { scrollDirection: 'forward' | 'backward'; scrollOffset: number; scrollOffsetToBottom: number; scrollUpdateWasRequested: boolean; }) => void | Callback function when scrolling the window. scrollDirection is the direction of scroll, could be 'forward'|'backward'. scrollOffset and scrollOffsetToBottom are the offset of the current position to the top or the bottom. scrollUpdateWasRequested is false when the scroll event is cause by the user interaction in the browser, else it's true. @example onScroll={({scrollDirection, scrollOffset, scrollOffsetToBottom, scrollUpdateWasRequested})=>{}} | |
| overScanCount | number | Rows rendered outside of view. The more rows are rendered, the higher impact on performance | |
| scrollToRow | number | Row index to scroll to | |
| theme | 'dark' | 'light' | Flag indicating that log viewer is dark themed | |
| toolbar | React.ReactNode | Toolbar rendered in the log viewer header | |
| width | number | string | Width of the log viewer. |
LogViewerSearch
| Name | Type | Default | Description |
|---|---|---|---|
| minSearchChars | No type info | 1 | |
| placeholder | No type info | 'Search' |
View source on GitHub
