Ripple

Ripple directive adds ripple effect to the host element.

Usage #

import { RippleModule } from '@bdspark/sparkng/ripple';

<div pRipple></div>

Default Demo Content.

Ripple option at the configurator needs to be turned on for the demo.

Default

Styling Demo Content.

Ripple option at the configurator needs to be turned on for the demo.

Green

Orange

Purple

Ripple element has the aria-hidden attribute as true so that it gets ignored by the screen readers.

Component does not include any interactive elements.