packages/docs/docs/shapes/arrow.mdx
import {ShapeSeeAlso, ShapeOptions} from '../../components/shapes/shapes-info';
Part of the @remotion/shapes package.
Renders an SVG element containing an arrow shape.
import {Arrow} from '@remotion/shapes';
import {AbsoluteFill} from 'remotion';
export const MyComposition = () => {
return (
<AbsoluteFill
style={{
backgroundColor: 'white',
justifyContent: 'center',
alignItems: 'center',
}}
>
<Arrow length={300} headWidth={185} headLength={120} shaftWidth={80} fill="red" direction="right" />
</AbsoluteFill>
);
};