# Text Decoration

Apply underline, overline, or strikethrough decorations to text, or remove an inherited decoration.

- [Basic Usage](#basic-usage)
- [Quick Reference](#quick-reference)
- [Responsive Design](#responsive-design)
- [Related Documentation](#related-documentation)

```dart
WText('Underlined text', className: 'underline');
WText('Strikethrough text', className: 'line-through');
WText('No decoration', className: 'no-underline');
```

## Basic Usage

Apply decoration classes directly in the `className` of any text widget:

```dart
WText(
  'See terms and conditions.',
  className: 'underline text-blue-600 dark:text-blue-400',
);
WText(
  'Original price: \$99',
  className: 'line-through text-gray-500 dark:text-gray-400',
);
```

## Quick Reference

| Class | Flutter `TextDecoration` | Description |
|:------|:-------------------------|:------------|
| `no-underline` | `TextDecoration.none` | Removes any text decoration. |
| `underline` | `TextDecoration.underline` | Adds an underline. |
| `overline` | `TextDecoration.overline` | Adds an overline. |
| `line-through` | `TextDecoration.lineThrough` | Adds a strikethrough. |

## Responsive Design

Combine with breakpoint prefixes to toggle decoration at certain screen sizes:

```dart
WText('Conditional underline', className: 'no-underline md:underline');
```

## Related Documentation

- [Text Color](https://anilcancakir.com/wind_kit/docs/v0.0/typography/text-color.md) — apply color to text.
- [Font Style](https://anilcancakir.com/wind_kit/docs/v0.0/typography/font-style.md) — italic and normal styles.
- [Font Weight](https://anilcancakir.com/wind_kit/docs/v0.0/typography/font-weight.md) — control text thickness.
- [WText](https://anilcancakir.com/wind_kit/docs/v0.0/widgets/wtext.md) — the primary text widget.