# @types/react-expand-animated

> TypeScript definitions for react-expand-animated

Latest version **1.0.5** (published 2025-11-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/react-expand-animated
pnpm add @types/react-expand-animated
yarn add @types/react-expand-animated
bun add @types/react-expand-animated
```

## Health

**Score 50/100 (C)** — status: stable.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2025-11-18 |
| First published | 2021-11-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 4.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | types |

## Links

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

## Dependencies (2)

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

## Recent versions

- 1.0.5 (latest) — 2025-11-18
- 1.0.4 (ts5.1) — 2023-11-07
- 1.0.0 (ts3.8) — 2021-11-15
- 1.0.3 — 2023-10-18
- 1.0.2 — 2023-10-10
- 1.0.1 — 2023-09-27

## README

# Installation
> `npm install --save @types/react-expand-animated`

# Summary
This package contains type definitions for react-expand-animated (https://github.com/sonybinhle/react-expand-animated).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-expand-animated.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-expand-animated/index.d.ts)
````ts
import * as CSS from "csstype";
import * as React from "react";

export interface ExpandProps {
    /**
     * The expanded or collapsed content
     */
    children: React.ReactNode;

    /**
     * When set to true expand the children component otherwise collapse it
     */
    open?: boolean;

    /**
     * Animation duration in ms
     */
    duration?: number;

    /**
     * Css3 Animation's type
     */
    easing?: CSS.Property.TransitionTimingFunction;

    /**
     * Wrapper's className
     */
    className?: string;

    /**
     * Wrapper's tag
     */
    tag?: React.ElementType;

    /**
     * Transition attributes
     */
    transitions?: Array<keyof React.CSSProperties>;

    /**
     * Additional inline-styles on open or close phase
     *
     * @example { open: { marginTop: 100 }, close: { marginTop: 0 } }
     */
    styles?: {
        open?: React.CSSProperties;
        close?: React.CSSProperties;
    };
}

declare const Expand: React.ComponentType<ExpandProps>;
export default Expand;

````

### Additional Details
 * Last updated: Tue, 18 Nov 2025 02:14:41 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react), [csstype](https://npmjs.com/package/csstype)

# Credits
These definitions were written by [Ben Langlois](https://github.com/BenLanglois).

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