Chapter 903: <StrikeThrough>

Core Idea

Draws an animated hand-drawn line through the text or element it wraps.

Key Concepts

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

Code Examples

export const MyComp: React.FC = () => {
  return (
    <StrikeThrough progress={1} color="#f11515" strokeWidth={14}>
      forbidden
    </StrikeThrough>
  );
};

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

Key Takeaways

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

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.