Chapter 901: <CrossedOff>

Core Idea

Draws two animated crossing strokes over the text or element it wraps.

Key Concepts

• Example
• API
• strokeWidth?
• iterations?
• rtl?
• Compatibility
• See also

Code Examples

export const MyComp: React.FC = () => {
  return (
    <CrossedOff
      progress={1}
      color="#eb2525"
      strokeWidth={6}
      iterations={10}
      roughness={2}
    >
      remove
    </CrossedOff>
  );
};

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

Key Takeaways

1. Understand example when working with <CrossedOff>.
2. Understand api when working with <CrossedOff>.
3. Understand strokewidth? when working with <CrossedOff>.
4. Understand iterations? when working with <CrossedOff>.
5. Understand rtl? when working with <CrossedOff>.

Connects To

• api: related page in the Rough Notation (@remotion/rough-notation) section.
• box: related page in the Rough Notation (@remotion/rough-notation) section.
• Bracket: related page in the Rough Notation (@remotion/rough-notation) section.