Chapter 784: <Heart />

Core Idea

_available from v4. 0.

Key Concepts

• Explorer
• Example
• Props
• See also

Code Examples

export const MyComposition = () => {
  return (
    <AbsoluteFill
      style={{
        backgroundColor: 'white',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      <Heart height={100} fill="red" stroke="black" strokeWidth={2} />
    </AbsoluteFill>
  );
};

• What it demonstrates: Usage pattern for <Heart /> from the official docs.

Key Takeaways

1. Understand explorer when working with <Heart />.
2. Understand example when working with <Heart />.
3. Understand props when working with <Heart />.
4. Understand see also when working with <Heart />.

Connects To

• Arrow: related page in the Shapes (@remotion/shapes) section.
• Callout: related page in the Shapes (@remotion/shapes) section.
• Circle: related page in the Shapes (@remotion/shapes) section.