collapsible.tsx 801 B

123456789101112131415161718192021222324252627282930313233
  1. "use client";
  2. import { Collapsible as CollapsiblePrimitive } from "radix-ui";
  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 };