Web Component Usage
Bolt Ordered List is a web component, you can simply use <bolt-ol>
in the markup to make it render. Its inner content is comprised of <bolt-li>
.
Example
<bolt-ol>
<bolt-li>Item 1</bolt-li>
<bolt-li>Item 2</bolt-li>
<bolt-li>Item 3</bolt-li>
<bolt-li>Item 4</bolt-li>
<bolt-li>Item 5</bolt-li>
</bolt-ol>
Simple usage
Item 1
Item 2
Item 3
Item 4
Item 5
Nesting of lists (ol and ul)
Item 1
Item 2
Item 3
Item 4
Item 5
Sub Item 1
Sub Item 2
Sub Item 3
Sub Item 4
Item
Item
Item
Item
Item
Sub Item 5
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Theme variations
Theme: xlight
Item 1
Item 2
Item 3
Item 4
Item 5
Theme: light
Item 1
Item 2
Item 3
Item 4
Item 5
Theme: dark
Item 1
Item 2
Item 3
Item 4
Item 5
Theme: xdark
Item 1
Item 2
Item 3
Item 4
Item 5
Debug Panel