Collapsible

1"use client";
2
3import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
4
5function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {
6  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
7}
8
9function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {
10  return (
11    <CollapsiblePrimitive.Trigger data-slot="collapsible-trigger" {...props} />
12  );
13}
14
15function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {
16  return (
17    <CollapsiblePrimitive.Panel data-slot="collapsible-content" {...props} />
18  );
19}
20
21export { Collapsible, CollapsibleTrigger, CollapsibleContent };