This is a demo applet to test react-log-viewer for patternfly

Yarn start will run the demo application for whoever is testing it. Following, you will be able to see more information regarding the react-log-viwer component itself.

More features are being worked on at the moment, and the docs will be updated with these in the following weeks.

React-Log-Viewer

id: Logger cssPrefix: pf-c-logger propComponents: [ Logger, LoggerToolbar, LoggerRow, ] section: components beta: true

Examples

Basic Logger

  import React from 'react';
  import Logger from '@patternfly/react-core';
  import testData from './src/data/testData';

  const LoggerBasicExample = () => {
  return (
    <React.Fragment>
      <Logger title={'Logger Example'} data={testData} />
    </React.Fragment>
  );
};

Including Toolbar

import React from 'react';
import Logger from '@patternfly/react-core';
import testData from './src/data/testData.js';

const LoggerToolbarExample = () => {
  return (
    <React.Fragment>
      <Logger title={'Logger Example'} data={testData} hasSearchbar />
    </React.Fragment>
  );
};

export default LoggerExample;

Cleaning logger output

import React from 'react';
import Logger from '@patternfly/react-core';
import testData from './src/data/testData.js';

const LoggerToolbarExample = () => {
  
  return (
    <React.Fragment>
      <Logger title={'Logger Example'} data={testData} hasSearchbar />
    </React.Fragment>
  );
};

export default LoggerExample;