Stack
LayoutFlex-based HStack and VStack layout primitives with gap, align, and justify.
StackLayout · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Stack from @otfdashkit/ui.
Code
// Stack — Flex-based HStack and VStack layout primitives with gap, align, and justify.
//
// Install:
// bun add @otfdashkit/ui
import { Stack } from '@otfdashkit/ui'
export function Example() {
return (
<Stack>
{/* your content */}
</Stack>
)
}Props
Props declared in the Stack source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| align | 'center' | 'end' | 'start' | 'stretch' | 'baseline' | ||
| direction | 'col' | 'row' | 'row-reverse' | 'col-reverse' | 'col' | |
| gap | number | ||
| justify | 'center' | 'end' | 'start' | 'between' | 'around' | 'evenly' | ||
| wrap | boolean |