essential-randomness / react-magic-grid

React adapter for MagicGrid

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.