html-squircle
Version:
Utilities for generating superellipse squircles in the form of SVG strings, to be used in clip-path and background inline styles.
15 lines • 713 B
TypeScript
import type { RefObject } from "react";
import type { SquircleOptionsBackgroundReact } from "../types.js";
/**
* Pass a ref for the observed element and options for the squircle computation
* function.
*
* Note this will NOT work properly if you apply the style to an element your
* component manages which may leave the DOM without your component unmounting.
* Apply it only to elements which will be rendered unconditionally with your
* component.
*/
export declare const useBackgroundSquircle: (ref: RefObject<Element | null>, options?: SquircleOptionsBackgroundReact) => {
background: `url("data:image/svg+xml,${string}") left top no-repeat`;
};
//# sourceMappingURL=useBackgroundSquircle.d.ts.map