Bolt Design System

Web Component Usage

Bolt List is a web component, you can simply use <block-list> in the markup to make it render. Its inner content is comprised of <block-list-item>.

Example

<bolt-list>
  <bolt-list-item>Item 1</bolt-list-item>
  <bolt-list-item>Item 2</bolt-list-item>
  <bolt-list-item>Item 3</bolt-list-item>
  <bolt-list-item>Item 4</bolt-list-item>
  <bolt-list-item>Item 5</bolt-list-item>
</bolt-list>

Display inline@small

Item 1

Item 2

Item 3

Item 4

Item 5

Display inline

Item 1

Item 2

Item 3

Item 4

Item 5

Display Block

Item 1

Item 2

Item 3

Item 4

Item 5