List

The UL component is used to render unordered lists, while the LI component represents individual list items within these lists. These components together structure lists of items, such as features, steps, or any group of related points.

Usage

import React from 'react';
import { UL, LI } from '~/ui/components/Text';

export default function App() {
  return (
    <UL>
      <LI>First item in the list</LI>
      <LI>Second item with more detail</LI>
      <LI>
        <>
        Third item with a nested list
        <UL>
          <LI>Nested item 1</LI>
          <LI>Nested item 2</LI>
        </UL>
        </>
      </LI>
    </UL>
  );
}

Rendered Example

• First item in the list
• Second item with more detail

• Third item with a nested list

  • Nested item 1
  • Nested item 2

Props

Both the UL and LI components accept all standard HTML list attributes, enabling extensive customization and styling options.