packages / data-grid

The data-grid package includes a table component with advanced features for displaying tabular data, such as sorting, filtering, and pagination.

Explore other packages in the building-blocks monorepo

Getting started

To get started with using the components from this package in your project, follow these steps:

1. Install the core-components package from npm:

   npm install @antonyjones87/core-components

   It's important to note that core-components is a peer dependency of the data-grid package. This means that you'll need to install core-components separately in your project for the data grid components to work correctly.

2. Install the data-grid package from npm:

   npm install @antonyjones87/data-grid

3. Import and use the components in your React application, ensuring they are wrapped within the ThemeProvider component from the core-components package:

   import { ThemeProvider } from '@antonyjones87/core-components';
      
   function App() {
     return (
       <ThemeProvider theme="light">
         // something here soon
       </ThemeProvider>
     );
   }