Skip to content

Text Decoration Thickness

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


Use decoration-<number> utilities like decoration-2 and decoration-4 to change the text decoration thickness of an element:

Style('underline decoration-1', child: Text('The quick brown fox...'))
Style('underline decoration-2', child: Text('The quick brown fox...'))
Style('underline decoration-4', child: Text('The quick brown fox...'))
ClassThickness
decoration-11px
decoration-22px
decoration-44px
decoration-88px