@najwer23snacks/grid v1.1.0

The Grid component is a versatile and essential tool for displaying structured data across various web and application interfaces. It organizes data into rows and columns, facilitating easy viewing and interaction with large datasets. Below is an overview of its key features and functionalities.

Install

yarn add @najwer23snacks/grid --dev

npm install @najwer23snacks/grid --save-dev

Example

import { Grid } from "@najwer23snacks/grid";

export const Example = () => {
    return (
      <>
        <Grid layout="container" widthMax={800} padding="0 10px 0 10px">
          <Grid layout="columns" >
            {Array.from({ length: 9 }, (_, i) => (
              <div key={i}>
                <div>{testText}</div>
              </div>
            ))}
          </Grid>
        </Grid>
      </>
    );
}

Let's connect!