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ámetro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
name | string | no | Nombre único para identificar el dropdown en el contexto de las acciones. | |
onChange | (e?: boolean) => void | no | Función que se ejecuta cuando se detecta un cambio en el estado del dropdown (activo o cerrado). |
Returns
Parametro | Tipo | Descripcion |
---|---|---|
onClose | () => void | Función que cierra el dropdown ejecutando la acción correspondiente con el valor 'false'. |
onActive | () => void | Función que activa el dropdown ejecutando la acción correspondiente con el valor 'true'. |
onToogle | () => void | Funció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();