collapsible.tsx 747 B

123456789101112131415161718192021
  1. 'use client';
  2. import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
  3. function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
  4. return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
  5. }
  6. function CollapsibleTrigger({
  7. ...props
  8. }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
  9. return <CollapsiblePrimitive.CollapsibleTrigger data-slot="collapsible-trigger" {...props} />;
  10. }
  11. function CollapsibleContent({
  12. ...props
  13. }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
  14. return <CollapsiblePrimitive.CollapsibleContent data-slot="collapsible-content" {...props} />;
  15. }
  16. export { Collapsible, CollapsibleTrigger, CollapsibleContent };