package: '@thumbtack/tp-ui-element-list' kit: list/index.mdx platform: scss url: /components/list/scss/ mdxType: componentApi

import '@thumbtack/tp-ui-element-list';

List variations

Bullet

<ul class="tp-list tp-list--disc">
    <li>item one</li>
    <li>
        item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
        incididunt ut labore et dolore magna aliqua.
    </li>
    <li>item three</li>
</ul>

Number

<ul class="tp-list tp-list--decimal">
    <li>item one</li>
    <li>
        item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
        incididunt ut labore et dolore magna aliqua.
    </li>
    <li>item three</li>
</ul>

Lower alpha

<ul class="tp-list tp-list--lower-alpha">
    <li>item one</li>
    <li>
        item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
        incididunt ut labore et dolore magna aliqua.
    </li>
    <li>item three</li>
</ul>

Spaced

<ul class="tp-list tp-list--disc tp-list--spaced">
    <li>item one</li>
    <li>
        item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
        incididunt ut labore et dolore magna aliqua.
    </li>
    <li>item three</li>
</ul>