Hooks
useActionDropDown

useActionDropDown

El hook useActionDropDown permite gestionar acciones de apertura, cierre y toggle de un dropdown mediante el uso del hook useAction.

Importación

Para importar el componente useActionDropDown, se puede hacer desde fenextjs

import { useActionDropDown } from "fenextjs";

Parámetros

ParámetroTipoRequeridoDefaultDescripcion
namestringnoNombre único para identificar el dropdown en el contexto de las acciones.
onChange(e?: boolean) => voidnoFunción que se ejecuta cuando se detecta un cambio en el estado del dropdown (activo o cerrado).

Returns

ParametroTipoDescripcion
onClose() => voidFunción que cierra el dropdown ejecutando la acción correspondiente con el valor 'false'.
onActive() => voidFunción que activa el dropdown ejecutando la acción correspondiente con el valor 'true'.
onToogle() => voidFunción que alterna el estado del dropdown sin pasar un valor específico.

Usos

  • Cerrar dropdown
const { onClose } = useActionDropDown({
  name: "example",
  onChange: console.log,
});
onClose();
  • Abrir dropdown
const { onActive } = useActionDropDown({ name: "example" });
onActive();
  • Alternar estado del dropdown
const { onToogle } = useActionDropDown({ name: "example" });
onToogle();