Stack
Compose elements and components in vertical flex container
Import
Source
Docs
Package
Usage
Spacing
xs
sm
md
lg
xl
Browser support
Stack uses flexbox gap to add spacing between children. In older browsers Stack children will not have spacing.
Stack component props
Name | Type | Description |
---|---|---|
align | AlignItems | align-items CSS property |
justify | JustifyContent | justify-content CSS property |
spacing | number | "xs" | "sm" | "md" | "lg" | "xl" | Key of theme.spacing or number to set gap in px |