Stack

inprogress

    Overview

    Use this component to stack other components with spacing, alignment and flex direction.

    When to consider an alternative

    t.b.d.

    Component

    Default

    Flex Direction

    Spacing

    Align Items

    Justify Content

    Properties

    Default

    PropertyTypeRequiredDefaultDescription
    utilClassNamesStringfalse-
    childrenNodefalse-
    flexDirectionEnum
    'column' │ 'default'
    		false-Exported as `Stack.spacing.small` etc.
    spacingEnum
    'small' │ 'medium' │ 'default'
    		false-Exported as `Stack.spacing.small` etc.
    alignItemsEnum
    'end' │ 'baseline' │ 'inherit' │ 'initial' │ 'start' │ 'center' │ 'revert' │ 'revertLayer' │ 'unset' │ 'stretch' │ 'flexEnd' │ 'flexStart' │ 'normal' │ 'selfEnd' │ 'selfStart'
    		false-Exported as `Stack.alignItems.end` etc.
    justifyContentEnum
    'end' │ 'inherit' │ 'initial' │ 'start' │ 'left' │ 'center' │ 'right' │ 'revert' │ 'revertLayer' │ 'unset' │ 'spaceAround' │ 'spaceBetween' │ 'spaceEvenly' │ 'stretch' │ 'flexEnd' │ 'flexStart' │ 'normal'
    		false-Exported as `Stack.justifyContent.end` etc.