collapsible

1import * as CollapsiblePrimitive from "@kobalte/core/collapsible";
2import type { PolymorphicProps } from "@kobalte/core/polymorphic";
3import type { ValidComponent } from "solid-js";
4 
5const Collapsible = <T extends ValidComponent = "div">(
6  props: PolymorphicProps<T, CollapsiblePrimitive.CollapsibleRootProps<T>>,
7) => {
8  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
9};
10 
11const CollapsibleTrigger = <T extends ValidComponent = "button">(
12  props: PolymorphicProps<T, CollapsiblePrimitive.CollapsibleTriggerProps<T>>,
13) => {
14  return (
15    <CollapsiblePrimitive.Trigger data-slot="collapsible-trigger" {...props} />
16  );
17};
18 
19const CollapsibleContent = <T extends ValidComponent = "div">(
20  props: PolymorphicProps<T, CollapsiblePrimitive.CollapsibleContentProps<T>>,
21) => {
22  return (
23    <CollapsiblePrimitive.Content data-slot="collapsible-content" {...props} />
24  );
25};
26 
27export { Collapsible, CollapsibleContent, CollapsibleTrigger };