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.