collapsible

1import { Collapsible as CollapsiblePrimitive } from "radix-ui"
2 
3function Collapsible({
4  ...props
5}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
6  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
7}
8 
9function CollapsibleTrigger({
10  ...props
11}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
12  return (
13    <CollapsiblePrimitive.CollapsibleTrigger
14      data-slot="collapsible-trigger"
15      {...props}
16    />
17  )
18}
19 
20function CollapsibleContent({
21  ...props
22}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
23  return (
24    <CollapsiblePrimitive.CollapsibleContent
25      data-slot="collapsible-content"
26      {...props}
27    />
28  )
29}
30 
31export { Collapsible, CollapsibleTrigger, CollapsibleContent }