Actions

Clickable

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

Usage

<template>
  <ShClickable href="/products" target="_self">
    <p>Click anywhere in this area</p>
  </ShClickable>
</template>

Props

Includes all Box props plus:

PropTypeDefaultDescription
disabledbooleanDisables the clickable
loadingbooleanShows loading state
hrefstringMakes the element a link
target'auto' | '_blank' | '_self' | '_parent' | '_top' | stringLink target
downloadstringDownload attribute
type'button' | 'reset' | 'submit'Button type
command'--auto' | '--show' | '--hide' | '--toggle'Command for invoketarget pattern
commandForstringTarget element ID for command
interestForstringTarget element ID for interest

Slots

SlotDescription
defaultClickable content

Polaris Element

Renders as <s-clickable>. See Polaris Clickable docs.

© 2026 KiriminAja. Polaris and Shopify are trademarks of Shopify Inc.

KiriminAja not affiliated with Shopify.