Stack

Stack layout for vertical or horizontal arrangement. Wraps the Polaris <s-stack> web component.

Usage

<template>
  <ShStack gap="base" direction="horizontal">
    <ShButton>Button 1</ShButton>
    <ShButton>Button 2</ShButton>
  </ShStack>
</template>

Includes all Box props plus:

Prop	Type	Default	Description
`direction`	`string`	—	Stack direction
`justifyContent`	`string`	—	Justify content
`alignItems`	`string`	—	Align items
`alignContent`	`string`	—	Align content
`gap`	`string`	—	Gap between items
`rowGap`	`string`	—	Row gap
`columnGap`	`string`	—	Column gap

Slot	Description
`default`	Stack children

Renders as <s-stack>. See Polaris Stack docs.

Box

Generic box container. Wraps the Polaris <s-box> web component.

Grid

Grid layout container. Wraps the Polaris <s-grid> web component.