Text Decoration

Set text decoration

Syntax

visual="[decoration-value]"

Values

Value	CSS Output	Description
underline	text-decoration-line: underline	Underline
overline	text-decoration-line: overline	Overline
line-through	text-decoration-line: line-through	Strikethrough
no-underline	text-decoration-line: none	No decoration

Examples

<a visual="no-underline">No underline link</a>

Preview

Text Decoration

visual="underline" - Add lines to text

underlineline-throughoverline

View Code

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span space="p:small" visual="bg:primary text:white rounded:small underline">underline</span>
  <span space="p:small" visual="bg:primary text:white rounded:small line-through">line-through</span>
  <span space="p:small" visual="bg:primary text:white rounded:small overline">overline</span>
</div>