# @types/react-hamburger-menu

> TypeScript definitions for react-hamburger-menu

Latest version **0.0.6** (published 2023-11-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/react-hamburger-menu
pnpm add @types/react-hamburger-menu
yarn add @types/react-hamburger-menu
bun add @types/react-hamburger-menu
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.6 |
| Published | 2023-11-07 |
| First published | 2017-06-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 4.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | types |

## Links

- npm: https://www.npmjs.com/package/@types/react-hamburger-menu
- Repository: https://github.com/DefinitelyTyped/DefinitelyTyped
- Homepage: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-hamburger-menu
- npm.io page: https://npm.io/package/@types/react-hamburger-menu

## Dependencies (1)

- [@types/react](https://npm.io/package/@types/react.md) *

## Recent versions

- 0.0.6 (latest) — 2023-11-07
- 0.0.4 (ts3.6) — 2021-07-08
- 0.0.3 (ts2.8) — 2018-08-04
- 0.0.2 (ts2.6) — 2018-02-12
- 0.0.1 (ts2.3) — 2017-06-23
- 0.0.0 (ts2.1) — 2017-06-16
- 0.0.5 — 2023-10-18

## README

# Installation
> `npm install --save @types/react-hamburger-menu`

# Summary
This package contains type definitions for react-hamburger-menu (https://github.com/cameronbourke/react-hamburger-menu).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-hamburger-menu.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-hamburger-menu/index.d.ts)
````ts
import * as React from "react";

export default HamburgerMenu;

declare class HamburgerMenu extends React.PureComponent<HamburgerMenuProps> {
}

export interface HamburgerMenuProps {
    /**
     * Determines whether the menu is a hamburger or cross icon
     */
    isOpen: boolean;
    /**
     * The width of the icon
     * @default 36
     */
    width?: number | undefined;
    /**
     * The height of the icon
     * @default 30
     */
    height?: number | undefined;
    /**
     * The stroke width of the lines
     * @default 2
     */
    strokeWidth?: number | undefined;
    /**
     * The rotation of the icon, eg {45} would be 45deg
     * @default 0
     */
    rotate?: number | undefined;
    /**
     * The border radius of the lines
     * @default 0
     */
    borderRadius?: number | undefined;
    /**
     * The color of both icons
     * @default #000
     */
    color: string;
    /**
     * The length of time it takes for the icon transitions to complete.
     * @default 0.4
     */
    animationDuration?: number | undefined;
    /**
     * Will be invoked when the component is clicked
     */
    menuClicked(): void;
}

````

### Additional Details
 * Last updated: Tue, 07 Nov 2023 09:09:39 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)

# Credits
These definitions were written by [Grzegorz Kielak](https://github.com/grzesie2k).

---
_Source: https://npm.io/package/@types/react-hamburger-menu · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
