Layout
Installation
import { Stack, Inline, Responsive } from "@olab/components";Stack
VERTICAL — flex-col; block=true (default) fills width
row 1
row 2
row 3
block=false — inline-flex, hugs content
hug 1
hug 2
Inline
HORIZONTAL — flex-row; grow=true stretches children
left
middle
right
grow=true — children get flex-grow
a
b
c
Responsive
STACK → INLINE at the chosen breakpoint
block 1
block 2
block 3
Resize the viewport to ≥ md to flip from vertical to horizontal.
Composition
NESTING — Stack of Inlines for a settings row pattern
Dark mode
toggle
Notifications
toggle
Auto-save
toggle