Components

List(React)

Styling lists with bullets, numbers, or letters.

Version:9.3.0 View sourceChangelogReport issue
Install:yarn add @thumbtack/thumbprint-react
Import:import { List, ListItem } from '@thumbtack/thumbprint-react';

List variations

Bullet

  • item one
  • item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • item three

Number

  1. item one
  2. item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  3. item three

Lower alpha

  1. item one
  2. item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  3. item three

Props

List

  • children

    List items to render. Should be instances of ListItem.

    Type
    node
    Default
    undefined
  • theme

    Controls the theme of the markers applied to each list item.

    Type
    oneOf([
      'bullet',
      'decimal',
      'alpha',
    ])
    Default
    'bullet'

ListItem

  • children

    Item contents to render.

    Type
    node
    Default
    undefined