BumblebeeBumblebee

Text list

Contents

Live demoDesignCode

Live demo

Unordered TextList

  • That’s what it said on ‘Ask Jeeves’ He’ll want to use your yacht, and I don’t want this thing smelling like fish. Now, when you do this without getting punched in the chest, you’ll have more fun. I don’t understand the question, and I won’t respond to it.
  • I don’t understand the question, and I won’t respond to it. I’m a monster. There’s so many poorly chosen words in that sentence. I’m a monster. Get me a vodka rocks. And a piece of toast. That’s why you always leave a note!

Ordered TextList

  1. That’s what it said on ‘Ask Jeeves’ He’ll want to use your yacht, and I don’t want this thing smelling like fish. Now, when you do this without getting punched in the chest, you’ll have more fun. I don’t understand the question, and I won’t respond to it.
  2. I don’t understand the question, and I won’t respond to it. I’m a monster. There’s so many poorly chosen words in that sentence. I’m a monster. Get me a vodka rocks. And a piece of toast. That’s why you always leave a note!

Code

import { TextList } from '@shieldpay/bumblebee/text-list';

<Heading>Unordered TextList</Heading>

<TextList size="small">
  <TextList.Item>
    first unordered TextList item
  </TextList.Item>
  <TextList.Item>
    second unordered TextList item
  </TextList.Item>
</TextList>


<Heading>Ordered TextList</Heading>

<TextList size="small" ordered>
  <TextList.Item>
    first ordered TextList item
  </TextList.Item>
  <TextList.Item>
    second ordered TextList item
  </TextList.Item>
</TextList>