Text Decoration

The text-decoration feature in Wind allows you to easily style text with various decorations such as underlines, overlines, and strikethroughs. These utilities provide a simple way to manage text decoration styles directly in your class names.

Predefined Classes

Class Effect Preview
no-underline Removes underline
No Underline
underline Adds underline
Underline
overline Adds overline
Overline
line-through Adds line-through
Line-Through

Examples

WText(
  'No underline here.',
  className: 'no-underline',
)
WText(
  'This text is underlined.',
  className: 'underline',
)
WText(
  'This text has an overline.',
  className: 'overline',
)
WText(
  'This text is strikethrough.',
  className: 'line-through',
)

In this example:

  • no-underline removes the underline from the text.
  • underline adds an underline to the text.
  • overline adds an overline to the text.
  • line-through adds a strikethrough to the text.