Reasoning

A collapsible chain-of-thought disclosure.

import { BuiReasoning } from 'ng-blatui';

<bui-reasoning>
  The capital of Australia is Canberra, not Sydney.
</bui-reasoning>

Open

First, break the problem into steps. The request is to sum the even numbers, so filter then reduce.

<bui-reasoning [open]="true">First, break the problem into steps…</bui-reasoning>

Considering several phrasings for the greeting, weighing tone and brevity.

<bui-reasoning duration="4s" [open]="true">Weighing tone and brevity…</bui-reasoning>

Prop	Type	Default	Description
`label`	`string`	`'Reasoning'`	Trigger label shown when no `duration` is set.
`duration`	`string`	`''`	When set, the trigger reads "Thought for {duration}" instead of `label`.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`open`	`boolean`	`false`	Whether the disclosure is expanded. Two-way bindable with `[(open)]`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.