Package Exports

react-brick
react-brick/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-brick) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-brick

A React component for creating a masonry grid layout.

Demo

Demo Image

Installation

npm install react-brick

Usage

import React from "react";
import { BrickGrid } from "react-brick";

const data = [
  {
    id: 1,
    title: "Title 1",
    description: "Description 1",
  },
  {
    id: 2,
    title: "Title 2",
    description: "Description 2",
  },
  {
    id: 3,
    title: "Title 3",
    description: "Description 3",
  },
    ...
];

const App = () => {
  return (
    <BrickGrid data={data} title="My Grid" />
  );
};

export default App;

Props

data: An array of objects representing the data to be displayed in the grid.
title: (Optional) A string to be displayed as the title of the grid.