@abdulghani/masonrygrid 中文文档教程

发布于 4年前 浏览 25 项目主页 更新于 3年前

Breakpointcontext

React.js 基于 flexbox 的砌体网格,具有确定的列和顺序呈现的项目。

Install

从 yarn/npm 获取它,无论

yarn add @abdulghani/masonrygrid

npm install @abdulghani/masonrygrid

Usage

使用它多么简单

import MasonryGrid from "@abdulghani/masonrygrid";

const MyComponent = () => {
  return (
    <MasonryGrid col={3} className="mx-3">
      {products.map((item: any) => (
        <Product key={item.id} value={item} />
      ))}
    </MasonryGrid>
  );
};

// the className will applied to each column element

Breakpointcontext

React.js flexbox-based masonry grid with determned column and sequentially rendered item.

Install

get it from yarn/npm whatever

yarn add @abdulghani/masonrygrid

npm install @abdulghani/masonrygrid

Usage

use it as simple as

import MasonryGrid from "@abdulghani/masonrygrid";

const MyComponent = () => {
  return (
    <MasonryGrid col={3} className="mx-3">
      {products.map((item: any) => (
        <Product key={item.id} value={item} />
      ))}
    </MasonryGrid>
  );
};

// the className will applied to each column element
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文