Text Indent

Set text indentation

Syntax

visual="indent:[value]"

Values

Value	CSS Output	Description
0	text-indent: 0	No indent

Examples

<p visual="indent:medium">Indented paragraph</p>

Preview

Text Indent

visual="indent:medium" - Indent first line of text

No indent on this text paragraph.

Medium indent on this first line of the paragraph.

Bigger indent on this first line of the paragraph.

View Code

<div layout="flex:col" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <p space="p:small" visual="bg:primary text:white rounded:small indent:0">No indent on this text paragraph.</p>
  <p space="p:small" visual="bg:success text:white rounded:small indent:medium">Medium indent on this first line of the paragraph.</p>
  <p space="p:small" visual="bg:warning text:black rounded:small indent:big">Bigger indent on this first line of the paragraph.</p>
</div>

Arbitrary Values

Supports custom values using bracket syntax:

<div visual="text:[custom-value]">Custom</div>