List

Lists are used to group together related pieces of information so they are clearly associated with each other and easy to read.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add list

Usage

Basic

  • List item #1

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ex praesentium libero commodi obcaecati eligendi hic, ducimus quos saepe harum voluptatem eos qui delectus molestias vero enim, magni id quas?

  • List item #2

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ex praesentium libero commodi obcaecati eligendi hic, ducimus quos saepe harum voluptatem eos qui delectus molestias vero enim, magni id quas?

  • List item #3

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ex praesentium libero commodi obcaecati eligendi hic, ducimus quos saepe harum voluptatem eos qui delectus molestias vero enim, magni id quas?

  • List item #4

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ex praesentium libero commodi obcaecati eligendi hic, ducimus quos saepe harum voluptatem eos qui delectus molestias vero enim, magni id quas?

  • List item #5

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ex praesentium libero commodi obcaecati eligendi hic, ducimus quos saepe harum voluptatem eos qui delectus molestias vero enim, magni id quas?

Mini cart

  • Pencil

    Qty: 3

    $2.00

  • Eraser

    Qty: 2

    $1.00

  • Notebook

    Qty: 5

    $5.00

  • Pen

    Qty: 6

    $3.00

  • Ruler

    Qty: 1

    $2.00