DUStack
LayoutFlex stack for consistent spacing.
import { DUStack } from 'deri-ui';Live preview
OneTwo
typescript
<DUStack gap={4} direction="col">…</DUStack>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| gap | 1|2|3|4|5|6|8 | 4 | Spacing |
| direction | 'row' | 'col' | 'col' | Axis |
| align / justify | string | — | Flex alignment |
Usage
import { DUStack } from 'deri-ui';
<DUStack gap={4} direction="col">…</DUStack>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.