✨ Features

• 🌈 Its the layout components of ant-design library
• 📦 A set of high-quality React layout components out of the box.
• 🛡 Written in TypeScript with predictable static types.
• ⚙️ Whole package of design resources and development tools.
• 🌍 Small size.
• 🎨 Could be use with others UI components. No side effect.

🖥 Environment Support

• Modern browsers and Internet Explorer 11 (with polyfills)
• Server-side Rendering
• Electron

| IE / Edge | Firefox | Chrome | Safari | Electron | | --- | --- | --- | --- | --- | | IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

📦 Install

npm install antd-grid-layout

yarn add antd-grid-layout

🔨 Usage

import { Row, Col,Grid } from 'antd-grid-layout';
const { useBreakpoint } = Grid;
const App = () => (
  <>
    <Row>
      <Col>Hello</Col>
    </Row>
  </>
);

And import style manually:

import 'antd-grid-layout/styles/antd-grid-layout.css'; 

TypeScript

antd-grid-layout is written in TypeScript with complete definitions, check Use in TypeScript to getting started.

🔗 Links

• Home page
• Ant Design Pro Layout