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
disabledboolean—Disables the clickable
loadingboolean—Shows loading state
hrefstring—Makes the element a link
target'auto' | '_blank' | '_self' | '_parent' | '_top' | string—Link target
downloadstring—Download attribute
type'button' | 'reset' | 'submit'—Button type
command'--auto' | '--show' | '--hide' | '--toggle'—Command for invoketarget pattern
commandForstring—Target element ID for command
interestForstring—Target 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.