Checkpoint
A divider row marking a restorable point in a conversation.
import { Checkpoint } from "@cynco-labs/ui/ai";Example
import { Checkpoint, CheckpointIcon, CheckpointTrigger } from "@cynco-labs/ui/ai";
export default function CheckpointDemo() {
return (
<Checkpoint className="max-w-[520px]">
<CheckpointIcon />
<CheckpointTrigger tooltip="Restore this checkpoint">Restore checkpoint</CheckpointTrigger>
</Checkpoint>
);
}Use
Between messages, to roll back.
Props
CheckpointIcon, CheckpointTrigger (Button props + tooltip).