UNPKG

@fremtind/jkl-react-hooks

Version:
21 lines (20 loc) 1.07 kB
import { type Easing, type Timing } from "@fremtind/jkl-core"; import { RefObject } from "react"; export type UseAutoAnimatedHeightOptions<T extends HTMLElement> = { easing?: Easing; /** * Overstyr standard timing * @default "expressive" */ timing?: Timing; onTransitionStart?: (ref: RefObject<T>) => void; onTransitionEnd?: (ref: RefObject<T>) => void; }; /** * Gjør det enklere å animere høyden på et element når innholdet endrer seg, men kan brukes på mer generelt grunnlag. * Hooken tar inn en triggerverdi, og når denne endrer seg animeres høyden på elementet dersom den har endret seg. * @param trigger verdien som brukes til å trigge animasjonen. Dersom denne endrer seg animeres høyden på elementet. * @param options konfigurasjon for animasjonen, og lyttere for når animasjonen starter og slutter * @returns en referanse til elementet som skal animeres */ export declare function useAutoAnimatedHeight<T extends HTMLElement = HTMLElement>(trigger: any, options?: UseAutoAnimatedHeightOptions<T>): RefObject<T>;