/react-packed-grid

A React component to create a grid of equally scaled boxes packed efficiently into a container, as seen in video conferencing apps like Zoom.

Primary LanguageTypeScript

react-packed-grid

A React component to create a grid of equally scaled boxes packed efficiently into a container, as seen in video conferencing apps like Zoom.

NPM JavaScript Style Guide

Demo

https://mxmul.github.io/react-packed-grid/

Install

npm install --save react-packed-grid

Usage

import React from 'react'

import { PackedGrid } from 'react-packed-grid'

function Example {
  return (
    <PackedGrid>
        <div>Box 1</div>
        <div>Box 2</div>
        <div>Box 3</div>
    </PackedGrid>
  );
}

License

MIT © mxmul