Hex Core JS
    Preparing search index...

    Function Drawer

    • Displays a drawer pannel on one of the sides of the screen. Can be closable or not and has functionality to be modal-like or not. Should be used with <Drawer.Header>, <Drawer.Body>, and <Drawer.Footer> subcomponents for content layout.

      Parameters

      Returns ReactPortal

    Index

    Methods

    Body Footer Header If useToggle

    Methods

    Body

    • Conditionally renders a Drawer component and uses a transition animation. Only accepts a single child and that child should be a Drawer component.

      Parameters

      Returns Element

    • Wraps useToggle and renames return values for convenience.

      Parameters

      Returns {
          closeDrawer: () => void;
          isDrawerOpen: boolean;
          openDrawer: () => void;
          setIsDrawerOpen: Dispatch<SetStateAction<boolean>>;
          toggleIsDrawerOpen: () => void;
      }

    Settings

    Member Visibility

    On This Page

    Methods