react-magic-grid

react-magic-grid JS library on GitHub react-magic-grid JS library on npm Download react-magic-grid JS library

Thin react wrapper around magic-grid usin hooks

Version 1.2.1 License MIT Vulnerabilities 0
react-magic-grid has no homepage
react-magic-grid JS library on GitHub
react-magic-grid JS library on npm
Download react-magic-grid JS library
Keywords
reactmagic-gridmasonrylayout

React Magic Grid

A react adapter for Magic Grid. Uses react hooks, so requires react at least in version 16.8.0.

There is another react adapter available that uses react's Component Class so it also supports older versions of react.

See example use cases.

Usage

npm i -S magic-grid react-magic-grid

import MagicGrid from "react-magic-grid"

const Cards = ({ cards }) => (
  <MagicGrid items={cards.length}>
    {cards.map(item => (
      <Card key={item} item={item} />
    ))}
  </MagicGrid>
)

Props

Supports all options in Magic-Grid's config.