# @element-public/react-ripple

> Ripple component for Element React

Latest version **5.88.2-alpha.1** (published 2026-07-08) · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @element-public/react-ripple
pnpm add @element-public/react-ripple
yarn add @element-public/react-ripple
bun add @element-public/react-ripple
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 5.88.2-alpha.1 |
| Published | 2026-07-08 |
| First published | 2024-07-17 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 14.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | arkadiusz.slowikowski, slowikowskiarkadiusz |

## Links

- npm: https://www.npmjs.com/package/@element-public/react-ripple
- npm.io page: https://npm.io/package/@element-public/react-ripple

## Dependencies (5)

- [clsx](https://npm.io/package/clsx.md) ^2.1.1
- [prop-types](https://npm.io/package/prop-types.md) ^15.8.1
- [@material/ripple](https://npm.io/package/@material/ripple.md) ^11.0.0
- [@babel/runtime-corejs3](https://npm.io/package/@babel/runtime-corejs3.md) ^7.26.7
- [@element-public/react-common](https://npm.io/package/@element-public/react-common.md) ^5.88.2-alpha.1

## Recent versions

- 5.88.2-alpha.1 (latest) — 2026-07-08
- 2.0.0-alpha.0 (alpha) — 2025-02-08
- 5.85.0-alpha.1 — 2026-06-18
- 5.84.0-alpha.1 — 2026-06-18
- 5.79.7-alpha.1 — 2026-05-18
- 5.72.2-alpha.1 — 2026-01-22
- 5.68.10-alpha.1 — 2025-11-26
- 5.62.0-alpha.1 — 2025-09-24
- 5.56.0-alpha.2 — 2025-07-07
- 5.56.0-alpha.1 — 2025-07-07
- 5.54.0 — 2025-07-03
- 1.1.5 — 2024-12-23
- 1.1.4 — 2024-12-18
- 1.1.3 — 2024-12-16
- 1.1.0 — 2024-12-14
- … 2 more at https://npm.io/package/@element-public/react-ripple/versions

## README

# Ripple

## Description

Interactive effect applied on click or on touch.

## Install from Artifactory

- Verify that you have access to (https://docs.int.bayer.com/cloud/devops/artifactory/)[Bayer Artifactory]
    - Verify your token is correctly set up in your .npmrc as per the link above
- Verify you have the @element scope configured in your .npmrc
    - `@element:registry=https://artifactory.bayer.com/artifactory/api/npm/npm-platforms-engineering/`
- Install the component and themes bundles
    - `npm i @element/react-components @element/themes`
        - alternatively install the component individually along with the themes bundle `npm i @element/react-ripple @element/themes`

## Ripple Props

| Name         | Type    | Default   | Required | Description                                                  |
| ------------ | ------- | --------- | -------- | ------------------------------------------------------------ |
| componentRef | object  | undefined | false    | A reference to the component to apply the ripple to.         |
| unbounded    | boolean | undefined | false    | Allows the ripple to extend beyond the component boundaries. |

## Ripple Render Props

| Name     | Type            | Default | Required | Description                                  |
| -------- | --------------- | ------- | -------- | -------------------------------------------- |
| children | React.ReactNode | null    | false    | Content to be rendered inside the component. |

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