DUGrid
LayoutResponsive CSS grid helper.
import { DUGrid } from 'deri-ui';Live preview
A
1
B
2
C
3
typescript
<DUGrid cols={3} gap={4}>…</DUGrid>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cols | 1|2|3|4|6|12 | 3 | Columns |
| gap | 2|3|4|5|6|8 | 4 | Gap |
Usage
import { DUGrid } from 'deri-ui';
<DUGrid cols={3} gap={4}>…</DUGrid>Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.