@erdoai/ui 0.1.14 → 0.1.16

package/README.md

@@ -318,6 +318,34 @@ const customFetcher = {
 >
 ```
 
+### Custom Content Component
+
+For rendering nested content in invocation components (like `InvocationEvents`, `Output`, `StepInvocation`), you can provide a `ContentComponent` at the provider level:
+
+```tsx
+import { ErdoProvider, Content } from '@erdoai/ui';
+
+// Use SDK's default Content component
+<ErdoProvider
+  config={{
+    baseUrl: 'https://api.erdo.ai',
+    ContentComponent: Content,
+  }}
+>
+
+// Or use your own custom Content component
+import { MyCustomContent } from './my-content';
+
+<ErdoProvider
+  config={{
+    baseUrl: 'https://api.erdo.ai',
+    ContentComponent: MyCustomContent,
+  }}
+>
+```
+
+This allows invocation components to render nested content without requiring you to pass `ContentComponent` as a prop to every component. Components will automatically use the provider's `ContentComponent` as a default, but you can still override it via props if needed.
+
 ## Styling
 
 Components use Tailwind CSS classes. Make sure Tailwind is configured in your project and includes the @erdoai/ui package in your content paths: