collapsible.tsx 786 B

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