collapsible.tsx 800 B

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