InlineEmbedSlot

An inline card for feature gates and contextual upgrade prompts. Embeds naturally in the page flow alongside content.

Content fields: header, body, cta_label, image_url, message

Usage

A live, editable example. The user below is not entitled, so the gate renders the configured inline upgrade card in place of the children — edit the code (or switch to an entitled demo user) and the preview re-runs:

import { Gate } from "@revturbine/sdk";
import { DemoApp } from "./DemoApp";

// Dan lacks the branding entitlement, so the gate renders the configured inline
// upgrade card. Switch to user="user_alice" (entitled) to see the children.
export default function App() {
  return (
    <DemoApp user="user_dan">
      <Gate
        id="editor_branding_toggle"
        surfaceTemplateIds={["inline_gate_message"]}
        can="branding"
      >
        <div style={{ padding: 16, background: "#e8f5e9", borderRadius: 8 }}>
          Branding controls — visible only when entitled
        </div>
      </Gate>
    </DemoApp>
  );
}

Opens a live, editable sandbox with the published SDK.

The InlineEmbedSlot renders automatically when the decision engine selects an inline_gate_message template. Inline embeds render in-flow where you place them. When the entitlement is denied, the gate content replaces the protected component.