Link

Styled link element. Wraps the Polaris <s-link> web component.

Usage

<template>
  <ShLink href="https://shopify.dev" target="_blank">Shopify Docs</ShLink>
  <ShLink tone="critical" href="/delete">Delete item</ShLink>
</template>

Props

Prop	Type	Default	Description
`tone`	`'auto' \| 'critical' \| 'neutral'`	—	Color tone
`href`	`string`	—	Link destination
`target`	`'auto' \| '_blank' \| '_self' \| '_parent' \| '_top' \| string`	—	Link target
`download`	`string`	—	Download attribute
`lang`	`string`	—	Language attribute
`accessibilityLabel`	`string`	—	Accessible label
`command`	`'--auto' \| '--show' \| '--hide' \| '--toggle'`	—	Command for invoketarget pattern
`commandFor`	`string`	—	Target element ID for command
`interestFor`	`string`	—	Target element ID for interest

Slots

Slot	Description
`default`	Link content

Polaris Element

Renders as <s-link>. See Polaris Link docs.

Edit this pageorReport an issue

Clickable

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

TextField

Text input with v-model support. Wraps the Polaris <s-text-field> web component.