react-report-lib

React Report Library

A flexible and customizable library for generating reports in React applications.

Installation

npm install react-report-lib

Usage

import { GenericReport } from 'react-report-lib';

function Report() {
  // const [count, setCount] = useState(0)
  return (
    <div>
        <h1>Report Generation</h1>
        <GenericReport apiBaseUrl="http://localhost:8090/report" paginationMode="server"  />
    </div>
  )
}

Features

• Modular report sections
• Customizable layouts
• Easy integration with existing React apps

API Reference

<GenericReport />

Prop	Type	Description
apiBaseUrl	string	Base URL of your backend application
paginationMode	string	where should be pagination handle, Server or UI

Customization

You can style components using CSS or styled-components. Example :

const theme = createTheme({
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          backgroundColor: "green",
          color: "white",
          "&:hover": {
            backgroundColor: "darkred",
          },
        },
      },
    },
  },
});
function App() {
  // const [count, setCount] = useState(0)
  return (
    <div>
      
      <ThemeProvider theme={theme}>
        <h1>Report Generation</h1>
        <GenericReport apiBaseUrl="http://localhost:8090/report" paginationMode='client' />
      </ThemeProvider>
      
    </div>
  )
}

Contributing

• Fork the repo
• Create your feature branch
• Submit a pull request

License

MIT