Text Decoration Style

Use decoration-{style} utilities to change the visual style of text decoration lines.

---

Basic example

Use utilities like decoration-dotted and decoration-dashed to change the text decoration style of an element:

Style('underline decoration-solid', child: Text('The quick brown fox...'))
Style('underline decoration-double', child: Text('The quick brown fox...'))
Style('underline decoration-dotted', child: Text('The quick brown fox...'))
Style('underline decoration-dashed', child: Text('The quick brown fox...'))
Style('underline decoration-wavy', child: Text('The quick brown fox...'))

Class reference

Class	Style
decoration-solid	Solid line
decoration-double	Double line
decoration-dotted	Dotted line
decoration-dashed	Dashed line
decoration-wavy	Wavy line