Skip to contentSkip to navigationSkip to topbar
Figma
Star

Stack

Version 8.1.0GithubStorybook

A horizontal and vertical flow component used to create space between components.

Installation

Installation page anchor
yarn add @twilio-paste/stack
import {Stack} from '@twilio-paste/core/stack';

<Stack orientation="vertical" spacing="space40">
  Foo
</Stack>;

Stack

Stack page anchor

spacing RequiredRequired

Type
"space0" | "space10" | "space20" | "space30" | "space40" | "space50" | "space60" | "space70" | "space80" | "space90" | "space100" | "space110" | "space120" | "space130" | "space140" | ... 25 more ... | "spaceNegative200"

as

Type
keyof IntrinsicElements

element

Overrides the default element name to apply unique styles with the Customization Provider

Type
string
Default
'STACK'

orientation

Type
| StackOrientationOptions | (StackOrientationOptions | null)[] | { [x: string]: StackOrientationOptions | undefined [x: number]: StackOrientationOptions | undefined }