Reasoning

import { Reasoning } from "@grassroot/ui-react/assistant";
 
export default function ReasoningDemo() {
  return <Reasoning defaultOpen={true} streaming={false}>Compared each theme's surface token against its text roles.</Reasoning>;
}

<script setup lang="ts">
import { Reasoning } from "@grassroot/ui-vue/assistant";
</script>
 
<template>
  <Reasoning :defaultOpen="true" :streaming="false">Compared each theme's surface token against its text roles.</Reasoning>
</template>

import "./ensure-compiler";
import { ChangeDetectionStrategy, Component } from "@angular/core";
import { GrassrootAssistantReasoning } from "@grassroot/ui-angular/assistant";
 
@Component({
  selector: "app-reasoning-demo",
  standalone: true,
  imports: [GrassrootAssistantReasoning],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<grassroot-assistant-reasoning [defaultOpen]="defaultOpen" [streaming]="streaming">Compared each theme's surface token against its text roles.</grassroot-assistant-reasoning>`,
})
export class ReasoningDemoComponent {
  protected readonly defaultOpen = true;
  protected readonly streaming = false;
}
 
export default ReasoningDemoComponent;

<script lang="ts">
  import { Reasoning } from "@grassroot/ui-svelte/assistant";
  
</script>
 
<Reasoning defaultOpen={true} streaming={false}>Compared each theme's surface token against its text roles.</Reasoning>

/** @jsxImportSource solid-js */
import { Reasoning } from "@grassroot/ui-solid/assistant";
 
export default function ReasoningDemo() {
  return <Reasoning defaultOpen={true} streaming={false}>Compared each theme's surface token against its text roles.</Reasoning>;
}