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:
| Prop | Type | Default | Description |
|---|---|---|---|
disabled | boolean | — | Disables the clickable |
loading | boolean | — | Shows loading state |
href | string | — | Makes the element a link |
target | 'auto' | '_blank' | '_self' | '_parent' | '_top' | string | — | Link target |
download | string | — | Download attribute |
type | 'button' | 'reset' | 'submit' | — | Button type |
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 | Clickable content |
Polaris Element
Renders as <s-clickable>. See Polaris Clickable docs.