Forma 36

List

StorybookGithub
stable

List is component that helps with vertical indexing of content. Every list item begins with a bullet or a number.

Table of contents

How to use List

  • when displaying vertical data (text and images)
  • when displaying hierarchically indexed content

Component variations

The List component can be configured in two different ways: to display bulleted (unordered) list or numbered (ordered) list.

Code example

  • List Item 1
  • List Item 2
  • List Item with
    1. Sublist Item 1
    2. Sublist Item 2