@docyrus/react-collapsible
Version:
docy-collapsible component for react
38 lines (37 loc) • 1.92 kB
TypeScript
import * as React from "react";
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
export type DocyCollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> & {
children: React.ReactNode;
trigger: React.ReactNode;
open?: boolean;
defaultOpen?: boolean;
onOpenChange?: (open: boolean) => void;
disabled?: boolean;
animationDuration?: number;
triggerClassName?: string;
contentClassName?: string;
orientation?: "vertical" | "horizontal";
};
export type DocyCollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;
export type DocyCollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content> & {
animationDuration?: number;
orientation?: "vertical" | "horizontal";
};
declare const DocyCollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
declare const DocyCollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
animationDuration?: number;
orientation?: "vertical" | "horizontal";
} & React.RefAttributes<HTMLDivElement>>;
declare const DocyCollapsible: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
children: React.ReactNode;
trigger: React.ReactNode;
open?: boolean;
defaultOpen?: boolean;
onOpenChange?: (open: boolean) => void;
disabled?: boolean;
animationDuration?: number;
triggerClassName?: string;
contentClassName?: string;
orientation?: "vertical" | "horizontal";
} & React.RefAttributes<HTMLDivElement>>;
export { DocyCollapsible, DocyCollapsibleTrigger, DocyCollapsibleContent, };