Text Decoration Thickness
Use decoration-{thickness} utilities to change the thickness of text
decoration lines.
Basic example
Section titled “Basic example”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...'))Class reference
Section titled “Class reference”| Class | Thickness |
|---|---|
decoration-1 | 1px |
decoration-2 | 2px |
decoration-4 | 4px |
decoration-8 | 8px |