@stackable-labs/sdk-extension-react

React hooks and components for building Stackable extensions.

Installation

npm install @stackable-labs/sdk-extension-react

Peer dependencies

react >= 18.0.0 < 19.0.0
react-dom >= 18.0.0 < 19.0.0

Usage

Call createExtension as the entry point of your extension bundle:

import { createExtension, Surface, ui } from '@stackable-labs/sdk-extension-react';

export default createExtension(() => (
  <Surface id="slot.content">
    <ui.Text>Hello from my extension!</ui.Text>
  </Surface>
));

Key exports

• createExtension — entry point bootstrap; mounts the extension React tree
• useCapabilities — call host-mediated APIs (data.query, actions.toast, actions.invoke)
• useSurfaceContext — read the context object passed by the host
• useStore / createStore — lightweight store for extension-local state
• ui — pre-approved UI primitive Components (Button, Text, Card, Badge, Input, etc.)
• Surface — Components to render your UI in host target slot

Changelog

See npm version history.

License

SEE LICENSE IN LICENSE