List Style

Tetapkan gaya senarai

Sintaks

visual="list:[value]"

Nilai

Nilai	CSS Output	Huraian
none	list-style-type: none	Tiada bullet
disc	list-style-type: disc	Bullet bulat
decimal	list-style-type: decimal	Nombor
square	list-style-type: square	Bullet segi empat
inside	list-style-position: inside	Kedudukan dalam
outside	list-style-position: outside	Kedudukan luar

Contoh

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

Pratonton

Gaya Senarai

visual="list:disc" - Kawal penanda senarai

• none
• no bullets

• disc
• bullet

1. decimal
2. numbers

Lihat Kod

<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>