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();