shopify-pos-ui

What it does

• Use the exact target name (in quotes) when registering your extension with shopify.extend()
• Each target receives specific API interfaces and component access
• Use camelCase attribute names: alignItems, paddingBlock, borderRadius — NOT kebab-case (align-items, padding-block)
• Boolean attributes (disabled, loading, dismissible, checked, defaultChecked, required, removable) accept shorthand or {expression}:
• ✅ <s-button disabled loading>, <s-banner dismissible>, <s-checkbox checked={isSelected} />
• String keyword attributes (padding, gap, direction, tone, variant, size, background, alignItems) must be string values — never shorthand or {true}:
• ✅ <s-box padding="base">, <s-stack gap="loose" direction="block">, <s-badge tone="success">

Requirements & configuration

• POS UI Extensions also supports Polaris web components — custom HTML elements with an s- prefix. These are globally registered and require no import statement. Use them directly as JSX tags:

Configuration: BASE64_OF_USER_PROMPTYOUR_SESSION_IDYOUR_TOOL_USE_IDOPT_OUT_INSTRUMENTATION