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

1. Fork the repo
2. Create your feature branch
3. Submit a pull request

License

MIT