PXD

useDelayDestroy

Manages two-phase visibility transitions (render + visible) with configurable delay on unmount.

Exports

function useDelayDestroy(
  value: MaybeRefOrGetter<Nullable<boolean>>,
  options?: Options,
): {
  render: Ref<boolean>
  visible: Ref<boolean>
  show: () => Promise<boolean>
  hide: () => Promise<boolean>
}

Types

interface Options {
  delay?: MaybeRefOrGetter<number>
  renderChange?: (v: boolean) => void
  visibleChange?: (v: boolean) => void
}

Params

NameTypeDescription
valueMaybeRefOrGetter<Nullable<boolean>>The visibility control value
options.delayMaybeRefOrGetter<number>Delay in milliseconds before destroying
options.renderChange(v: boolean) => voidCallback fired when render state changes
options.visibleChange(v: boolean) => voidCallback fired when visible state changes

Source

Source