Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Implementing Strikethrough Text

See original GitHub issue

Summary The strikethrough text (see example below) is used now in multiple parts of the Merchant Center. At the moment, teams use custom styling to achieve this state:

<s className={styles.removed}>{value}</s>

Hence, it makes sense to consider implementing this as a part of the ui-kit.

Example use-case:

Issue Analytics

State:
Created a year ago
Comments:6 (6 by maintainers)

Top GitHub Comments

2reactions

mmaltsev-ctcommented, Oct 11, 2022

This is then how it would work -->

Thank you Klaudija, it looks good to me 👍 Filip is quite busy now, but you can share this idea in Slack and ask for his point of view, should be a no-brainer, I think.

0reactions

tdeekenscommented, Oct 11, 2022

This is then how it would work -->

Yeah, if any text should be strike-able certainly. Might also be an easier to understand API even if we don’t expose it e.g. on headlines (for Maxium and Filip to decide).

Top Results From Across the Web

Apply or remove strikethrough text formatting - Microsoft Support

Select the text that you want to format. Go to Home > Strikethrough. Strikethrough on the Home tab. Apply or remove double-line strikethrough...

How to Strikethrough Text (l̶i̶k̶e̶ ̶t̶h̶i̶s̶) in Word ...

1. Use the strikethrough command in the Ribbon · 2. Use the Font dialog box strikethrough command · 3. Text effect options in...

Strikethrough/line through on text in HTML | The HTML Shark

Highlighting text using strikethrough/line through ... In the same manner as underlining a text, you can do a strikethrough, where a horizontal line...

How to mark strikethrough text in HTML? - Tutorialspoint

To mark strikethrough text in HTML, use the <strike>…</strike> tag. It renders a strikethrough text. HTML deprecated this tag and it ...

<s>: The Strikethrough element - HTML - MDN Web Docs

The <s> HTML element renders text with a strikethrough, or a line through it. Use the <s> element to represent things that are...