Grid

Grid is a responsive layout component that arranges child elements in a grid pattern. It automatically adjusts the number of columns based on available space.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/Grid/Grid.tsx
• src/Grid/index.ts
• src/Grid/stable.ts
• src/Grid/style.ts
• src/Grid/type.ts
• src/Flex/index.ts
• src/Flex/Center.tsx
• src/Flex/FlexBasic.tsx

Source

https://github.com/lobehub/lobe-ui

Categories

• Grid Components
• React Grid Components
• Layout Components
• React Layout Components

More from Lobe UI

• Awesome Bento Grid
• Dashboard Chart Grid
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge
• Block