GridItem

Grid item within a Grid. Wraps the Polaris <s-grid-item> web component.

Usage

<template>
  <ShGrid grid-template-columns="1fr 2fr">
    <ShGridItem grid-column="span 1">Sidebar</ShGridItem>
    <ShGridItem grid-column="span 1">Main content</ShGridItem>
  </ShGrid>
</template>

Props

Includes all Box props plus:

Prop	Type	Default	Description
`gridColumn`	`string`	—	Grid column value
`gridRow`	`string`	—	Grid row value

Slots

Slot	Description
`default`	Grid item content

Polaris Element

Renders as <s-grid-item>. See Polaris Grid docs.

Edit this pageorReport an issue

Grid

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

Section

Section container with optional heading. Wraps the Polaris <s-section> web component.