Name		Name	Last commit message	Last commit date
parent directory ..
README.md		README.md
blueprint.json		blueprint.json
blueprint.md		blueprint.md
index.ts		index.ts
ripple-vars.scss		ripple-vars.scss
ripple.scss		ripple.scss
ripple.test.ts		ripple.test.ts
ripple.ts		ripple.ts

README.md

➤ wl-ripple

Indicate touch actions.

➤ Properties

Property	Attribute	Type	Default	Description
`autoRelease`	`autoRelease`	`boolean`	false	Releases the ripple after it has been spawned.
`centered`	`centered`	`boolean`	false	Makes ripple appear from the center.
`disabled`	`disabled`	`boolean`	false	Disables the ripple.
`focusable`	`focusable`	`boolean`	false	Allows focusin to spawn a ripple.
`initialDuration`	`initialDuration`	`number`	350	Initial animation duration.
`overlay`	`overlay`	`boolean`	false	Overlays the ripple.
`releaseDuration`	`releaseDuration`	`number`	500	Fade out animation duration.
`role`	`role`	`AriaRole`	"presentation"	Role of the ripple.
`target`	`target`	`EventTarget`		Target for the spawn ripple events.
`unbounded`	`unbounded`	`boolean`	false	Makes the ripple visible outside the bounds.
`x`		`number`	required
`y`		`number`	required

➤ CSS Custom Properties

Property	Description
`--ripple-color`	Color.
`--ripple-opacity`	Opacity.

➤ Usage

Go here to try the demo.

➤ Contributors


Andreas Mehlsen	You?

➤ License

Licensed under MIT.