Components
AI Reasoning
The model's thought, folded by the shared collapsible in its quiet register: bare ink for a trigger, the thought on one hairline.
#Basic usage
The note should read like a colophon, not a changelog: one line of welcome and the three additions as short strokes.
<script setup lang="ts">
import { AiReasoning } from "@bysages/vue";
</script>
<template>
<!-- The thought on one hairline, folded by the shared collapsible. -->
<div class="grid gap-4 w-full">
<AiReasoning label="Thought for 2s">
The note should read like a colophon, not a changelog: one line of welcome and the three
additions as short strokes.
</AiReasoning>
</div>
</template>
#Props
#AiReasoning
The model's thought, folded by the shared collapsible in its quiet register: bare ink for a trigger, the thought on one hairline.
| Prop | Type | Default | Description |
|---|---|---|---|
label | String | "Thinking" | The trigger's words — the fold arrives open under them. |
defaultOpen | Boolean | false | The fold arrives open when set — rides the shared collapsible. |