Element: #542 Strike and rewrite (display/strike-through)
What it shows: A rewrite line: one struck-out word with an animated pen line, followed by an animated highlighted replacement.
When to use: Editorial strike-through-and-rewrite effects where the removed text stays announced as deleted and the animation respects reduced motion.
Spec:
- `workarounds` draws the line on mount
- `one-shot components` follows as the replacement
- The paragraph uses `--ca-font-size-h4`
Tags: strike-through, del, rewrite, animated, reduced-motion, editorial, highlight
Needs: @codeatlasdev/ui@4.6.0
Components: Highlight, StrikeThrough
Live demo: https://ui.codeatlas.com.br/docs/display/strike-through#strike-and-rewrite
Stop writing workarounds one-shot components.