packages/docs/docs/shapes/spark.mdx
import {ShapeSeeAlso, ShapeOptions} from "../../components/shapes/shapes-info"
Part of the @remotion/shapes package.
Renders an SVG element containing a four-point spark.
import { Spark } from "@remotion/shapes";
import { AbsoluteFill } from "remotion";
export const MyComposition = () => {
return (
<AbsoluteFill
style={{
backgroundColor: "white",
justifyContent: "center",
alignItems: "center",
}}
>
<Spark
width={240}
height={336}
edgeRoundness={1}
cornerRadius={0}
fill="#1f2a44"
/>
</AbsoluteFill>
);
};