Collapsible

Expandable/collapsible content sections.

A wrapper around @radix-ui/react-collapsible that provides expand/collapse functionality. Used internally by the FunctionCallContent component.

import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@pipecat-ai/voice-ui-kit";

<Collapsible>
  <CollapsibleTrigger className="text-sm font-medium cursor-pointer">
    Click to expand
  </CollapsibleTrigger>
  <CollapsibleContent className="mt-2 text-sm text-muted-foreground">
    This content is collapsed by default and expands when the trigger is clicked.
  </CollapsibleContent>
</Collapsible>

Prop	Type	Default
`Collapsible?`	`React.ComponentProps<typeof CollapsiblePrimitive.Root>`	`{}`
`CollapsibleTrigger?`	`React.ComponentProps<typeof CollapsiblePrimitive.Trigger>`	`{}`
`CollapsibleContent?`	`React.ComponentProps<typeof CollapsiblePrimitive.Content>`	`{}`