17 lines
626 B
React
17 lines
626 B
React
|
import * as React from 'react';
|
||
|
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
||
|
|
|
||
|
|
const Collapsible = CollapsiblePrimitive.Root;
|
||
|
|
|
||
|
|
const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
|
||
|
|
|
||
|
|
const CollapsibleContent = React.forwardRef(({ className, ...props }, ref) => (
|
||
|
|
<CollapsiblePrimitive.Content
|
||
|
|
ref={ref}
|
||
|
|
className="overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down"
|
||
|
|
{...props}
|
||
|
|
/>
|
||
|
|
));
|
||
|
|
CollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;
|
||
|
|
|
||
|
|
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|