Components

List(React)

Styling lists with bullets, numbers, or letters.

Version:14.18.2 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
    React.ReactNode
  • theme

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

    Type

    This prop can be one of the following 3 types:

    • 'bullet'
    • 'decimal'
    • 'alpha'
    Default
    'bullet'

ListItem

  • children

    Item contents to render.

    Type
    React.ReactNode