@fremtind/jkl-react-hooks
Version:
Jøkul react button components
21 lines (20 loc) • 866 B
TypeScript
/**
* Lar deg animere et HTML details element med en summary trigger og noe innhold.
* HTML strukturen din bør se ut som omtrent
* <details ref={detailsRef}>
* <summary ref={summaryRef} onClick={onSummaryClick}>Trigger for å åpne</summary>
* <div ref={contentRef}>Ekspanderbart innhold</div>
* </details>
*
* @param onOpenChange Callback med informasjon om når elementet åpner/lukker seg.
* @param isExpanded Styr åpning/lukking utenfra.
*/
export declare const useAnimatedDetails: ({ onOpenChange, isExpanded, }: {
onOpenChange: (open: boolean, e: React.MouseEvent<HTMLElement>) => void;
isExpanded: boolean;
}) => {
detailsRef: React.RefObject<HTMLDetailsElement>;
summaryRef: React.RefObject<HTMLButtonElement>;
contentRef: React.RefObject<HTMLDivElement>;
onSummaryClick: React.MouseEventHandler<HTMLElement>;
};