react-ripples-continued
Version:
UI ripple effect for react made simple
38 lines (37 loc) • 1.1 kB
TypeScript
import React, { ReactNode } from "react";
import { HtmlTagName } from "./types/HtmlTagName.js";
import { RipplesInterface } from "./types/RipplesInterface.js";
interface RippleSurface extends RipplesInterface {
tag?: HtmlTagName;
children?: ReactNode;
disableDefaultStyling?: boolean;
rippleFromBehind?: boolean;
id?: string;
forwardedRef?: any;
onClick?: any;
onSubmit?: any;
onInput?: any;
rippleProps?: RipplesInterface;
}
export declare function RippleSurface({ tag, children, disableDefaultStyling, rippleFromBehind, forwardedRef, rippleProps, ...props }: RippleSurface): React.DOMElement<{
style: {
overflow: string;
position: string;
};
ref: any;
id?: string;
onClick?: any;
onSubmit?: any;
onInput?: any;
on?: "click" | "mouseDown" | "clickAndMouseDown" | "hover";
color?: string;
opacity?: number;
blur?: number;
duration?: number;
fillAndHold?: boolean;
optimize?: boolean;
rippleElement?: React.ReactNode;
className?: string;
zIndex?: number;
}, Element>;
export {};