Banner

Informational banner with tones. Wraps the Polaris <s-banner> web component.

Usage

<template>
  <ShBanner heading="Order archived" tone="success" dismissible>
    This order has been archived successfully.
  </ShBanner>
</template>

Prop	Type	Default	Description
`heading`	`string`	—	Banner heading
`tone`	`'info' \| 'success' \| 'warning' \| 'critical' \| 'auto'`	—	Color tone
`hidden`	`boolean`	—	Hides the banner
`dismissible`	`boolean`	—	Shows a dismiss button

Slot	Description
`default`	Banner content

Renders as <s-banner>. See Polaris Banner docs.

DatePicker

Date picker with v-model support. Wraps the Polaris <s-date-picker> web component.

Badge

Status badge. Wraps the Polaris <s-badge> web component.