@chakra-ui/hooks
Version:
React hooks for Chakra components
27 lines (26 loc) • 880 B
TypeScript
import React from "react";
export interface UseDisclosureProps {
isOpen?: boolean;
defaultIsOpen?: boolean;
onClose?(): void;
onOpen?(): void;
id?: string;
}
type HTMLProps = React.HTMLAttributes<HTMLElement>;
/**
* `useDisclosure` is a custom hook used to help handle common open, close, or toggle scenarios.
* It can be used to control feedback component such as `Modal`, `AlertDialog`, `Drawer`, etc.
*
* @see Docs https://chakra-ui.com/docs/hooks/use-disclosure
*/
export declare function useDisclosure(props?: UseDisclosureProps): {
isOpen: boolean;
onOpen: () => void;
onClose: () => void;
onToggle: () => void;
isControlled: boolean;
getButtonProps: (props?: HTMLProps) => HTMLProps;
getDisclosureProps: (props?: HTMLProps) => HTMLProps;
};
export type UseDisclosureReturn = ReturnType<typeof useDisclosure>;
export {};