How to display line-through in checkout ui extension

Shopify Discussion

Topic summary

A developer needed to display strikethrough text in a Shopify checkout UI extension but couldn’t find the appropriate property in the Text component.

Resolution:

  • The solution was found independently by the original poster
  • Use accessibilityRole: deletion as the property to achieve the line-through effect

Status: Resolved - the developer discovered the answer without requiring additional assistance.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hello, I want to know how to display line-through in checkout ui extension, I can’t see any props in compoment “Text”. like this:

Trick99_0-1744857171198.png
Trick99_0-1744857171198.png184×249 1.64 KB

1 Like
2

Can you explain in detail how to operate, tks

3

ok I find it

accessibilityRole: deletion is the way to show line-through

1 Like