Skip to main content

Stack

Stack is a layout element that arranges content in a row or column, such as form fields or toolbar actions.

Import

import { Stack } from '@vortexlabs/vortex';
import type { StackProps } from '@vortexlabs/vortex';

Allied components

Other links

Stack

Stack props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
as
union
div
direction
union
Conditional
gap
number
No default value
wrap
boolean
No default value
align
union
No default value
justify
union
No default value
height
union
No default value
width
union
No default value
aspectRatio
number
No default value
maxHeight
union
No default value
maxWidth
union
No default value
minHeight
union
No default value
minWidth
union
No default value
padding
number
No default value
paddingTop
number
No default value
paddingBottom
number
No default value
paddingStart
number
No default value
paddingEnd
number
No default value
paddingInline
number
No default value
paddingBlock
number
No default value
bleed
number
No default value
margin
number
No default value
marginTop
number
No default value
marginBottom
number
No default value
marginStart
number
No default value
marginEnd
number
No default value
marginInline
number
No default value
marginBlock
number
No default value
textAlign
union
No default value
backgroundColor
union
No default value
borderColor
union
No default value
borderTop
union
No default value
borderBottom
union
No default value
borderStart
union
No default value
borderEnd
union
No default value
borderInline
union
No default value
borderBlock
union
No default value
borderRadius
union
No default value
position
union
No default value
inset
union
No default value
insetStart
union
No default value
insetEnd
union
No default value
insetTop
union
No default value
insetBottom
union
No default value
zIndex
number
No default value
shadow
union
No default value
divider
boolean
No default value
overflow
union
No default value
animated
boolean
No default value
className
union
No default value
attributes
object
No default value
grow
boolean
No default value
shrink
boolean
No default value

Stack.Item

Stack.Item props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
as
union
div
columns
union
No default value
order
number
No default value
grow
boolean
No default value
shrink
boolean
No default value
gapBefore
union
No default value
borderColor
union
No default value
borderTop
union
No default value
borderBottom
union
No default value
borderStart
union
No default value
borderEnd
union
No default value
borderInline
union
No default value
borderBlock
union
No default value
backgroundColor
union
No default value
padding
number
No default value
paddingTop
number
No default value
paddingBottom
number
No default value
paddingStart
number
No default value
paddingEnd
number
No default value
paddingInline
number
No default value
paddingBlock
number
No default value
margin
number
No default value
marginTop
number
No default value
marginBottom
number
No default value
marginStart
number
No default value
marginEnd
number
No default value
marginInline
number
No default value
marginBlock
number
No default value
attributes
object
No default value
className
union
No default value