ToolFallback

import { ToolFallback } from "@grassroot/ui-react/assistant";
 
export default function ToolFallbackDemo() {
  return <ToolFallback status="complete" defaultOpen={true}>search_docs</ToolFallback>;
}

<script setup lang="ts">
import { ToolFallback } from "@grassroot/ui-vue/assistant";
</script>
 
<template>
  <ToolFallback status="complete" :defaultOpen="true">search_docs</ToolFallback>
</template>

import "./ensure-compiler";
import { ChangeDetectionStrategy, Component } from "@angular/core";
import { GrassrootToolFallback } from "@grassroot/ui-angular/assistant";
 
@Component({
  selector: "app-tool-fallback-demo",
  standalone: true,
  imports: [GrassrootToolFallback],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<grassroot-tool-fallback status="complete" [defaultOpen]="defaultOpen">search_docs</grassroot-tool-fallback>`,
})
export class ToolFallbackDemoComponent {
  protected readonly defaultOpen = true;
}
 
export default ToolFallbackDemoComponent;

<script lang="ts">
  import { ToolFallback } from "@grassroot/ui-svelte/assistant";
  
</script>
 
<ToolFallback status="complete" defaultOpen={true}>search_docs</ToolFallback>

/** @jsxImportSource solid-js */
import { ToolFallback } from "@grassroot/ui-solid/assistant";
 
export default function ToolFallbackDemo() {
  return <ToolFallback status="complete" defaultOpen={true}>search_docs</ToolFallback>;
}