shopify-polaris-app-home

What it does

• Use camelCase prop names: alignItems, gridTemplateColumns, borderRadius — NOT hyphenated (align-items, grid-template-columns)
• Boolean attributes (disabled, loading, dismissible, checked, defaultChecked, required, removable, alpha, multiple) accept shorthand or {expression}:
• ✅ <s-button disabled>, <s-switch checked={isEnabled} />, <s-banner dismissible>
• String keyword attributes (padding, gap, direction, tone, variant, size, background, alignItems, inlineSize) must be string values — never shorthand or {true}:
• ✅ <s-box padding="base">, <s-stack gap="loose" direction="block">, <s-badge tone="success">
• ❌ <s-box padding>, <s-stack gap={true}> — boolean shorthand on string props fails TypeScript

Requirements & configuration

• Polaris web components are 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