packages/docs/docs/shapes/callout.mdx
import {ShapeOptions} from "../../components/shapes/shapes-info"
Part of the @remotion/shapes package.
Renders an SVG element containing a callout shape.
import { Callout } from "@remotion/shapes";
import { AbsoluteFill } from "remotion";
export const MyComposition = () => {
return (
<AbsoluteFill
style={{
backgroundColor: "white",
justifyContent: "center",
alignItems: "center",
}}
>
<Callout
width={500}
height={200}
pointerLength={40}
pointerBaseWidth={60}
pointerDirection="down"
cornerRadius={20}
fill="#20232a"
/>
</AbsoluteFill>
);
};