List Style

Set list style

Syntax

visual="list:[value]"

Values

Value	CSS Output	Description
none	list-style-type: none	No bullets
disc	list-style-type: disc	Disc bullets
decimal	list-style-type: decimal	Numbers
square	list-style-type: square	Square bullets
inside	list-style-position: inside	Inside position
outside	list-style-position: outside	Outside position

Examples

<ul visual="list:none">No bullets</ul>

Preview

List Style

visual="list:disc" - Control list markers

• none
• no bullets

• disc
• bullet

1. decimal
2. numbers

View Code

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <ul space="p:small" visual="bg:primary text:white rounded:small list:none"><li>none</li><li>no bullets</li></ul>
  <ul space="p:small" visual="bg:success text:white rounded:small list:disc"><li>disc</li><li>bullet</li></ul>
  <ol space="p:small" visual="bg:warning text:black rounded:small list:decimal"><li>decimal</li><li>numbers</li></ol>
</div>