Chat & AI

Branch

Step through alternative assistant generations.

Import

tsx

import { Branch } from "@cronus-ui/ui";

bash

npx cronus-ui add branch

Examples

Alternative generations

Step through sibling assistant replies without wrapping past the ends.

First draft of the answer.

tsx

<Branch>
  <BranchMessages>
    <p>First draft of the answer.</p>
    <p>A tighter rewrite of the same answer.</p>
  </BranchMessages>
  <BranchSelector from="assistant">
    <BranchPrevious />
    <BranchPage />
    <BranchNext />
  </BranchSelector>
</Branch>

.cronus

No audit fixture declares this family in .cronus yet.

React onlyParity: Not portedParity scoreboard

API Reference

Generated from the component's exported types.

BranchLabels

Prop	Type	Default	Description
`previous`	`string`	—	—
`next`	`string`	—	—
`page`	`string`	—	—

BranchProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`defaultBranch`	`number`	`0`	—
`onBranchChange`	`(branchIndex: number) => void`	—	—
`labels`	`BranchLabels`	—	Override default English strings.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

BranchMessagesProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

BranchSelectorProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`from`	`BranchRole`	`"assistant"`	—
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

BranchPreviousProps

Extends ComponentProps<typeof Button>

Prop	Type	Default	Description
`variant`	`string`	—	Visual variant.
`size`	`string`	—	Control size.
`asChild`	`boolean`	—	Render as the child element via Slot.
`disabled`	`boolean`	—	Disables pointer and keyboard interaction.
`type`	`string`	—	Native type of the underlying element.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.

BranchNextProps

Extends ComponentProps<typeof Button>

Prop	Type	Default	Description
`variant`	`string`	—	Visual variant.
`size`	`string`	—	Control size.
`asChild`	`boolean`	—	Render as the child element via Slot.
`disabled`	`boolean`	—	Disables pointer and keyboard interaction.
`type`	`string`	—	Native type of the underlying element.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.

BranchPageProps

Extends HTMLAttributes<HTMLSpanElement>

Prop	Type	Default	Description
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.