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
With complex toolbar
1Copying system trust bundle
2Waiting for port :6443 to be released.
3I0223 20:04:25.084507 1 loader.go:379] Config loaded from file: /etc/kubernetes/static-pod-resources/configmaps/kube-apiserver-cert-syncer-kubeconfig/kubeconfig
4Copying termination logs to "/var/log/kube-apiserver/termination.log"
5I0223 20:04:25.087543 1 main.go:124] Touching termination lock file "/var/log/kube-apiserver/.terminating"
6I0223 20:04:25.088797 1 main.go:182] Launching sub-process "/usr/bin/hyperkube kube-apiserver --openshift-config=/etc/kubernetes/static-pod-resources/configmaps/config/config.yaml --advertise-address=10.0.171.12 -v=2 --permit-address-sharing"
7Flag --openshift-config has been deprecated, to be removed
8
9I0223 20:04:25.238681 17 plugins.go:84] Registered admission plugin "authorization.openshift.io/RestrictSubjectBindings"
10I0223 20:04:25.238763 17 plugins.go:84] Registered admission plugin "image.openshift.io/ImagePolicy"
11I0223 20:04:25.238775 17 plugins.go:84] Registered admission plugin "route.openshift.io/IngressAdmission"
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
