Collapsible

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