Lists and tables

Lists

Markdown supports unordered, ordered, and nested lists for various content needs.

Unordered lists

Use unordered lists for items without a specific sequence. Start each item with a - symbol.

- I'm a list item.
- I'm another list item.
- I'm the last list item.

export default {
  slots: {
    base: 'list-disc ps-2 mb-2 ms-3 marker:text-(--b24ui-typography-label-color) text-(--b24ui-typography-label-color)'
  }
}

Ordered lists

Use ordered lists when item order matters, like steps in a process. Start each item with a number.

1. I'm a list item.
2. I'm another list item.
3. I'm the last list item.

export default {
  slots: {
    base: 'list-decimal ps-2 mb-2 ms-3 marker:text-(--b24ui-typography-label-color) text-(--b24ui-typography-label-color)'
  }
}

Nested lists

Create hierarchical lists with sub-items for complex structures. Indent sub-items by four spaces for nesting.

- I'm a list item.
  - I'm a nested list item.
  - I'm another nested list item.
- I'm another list item.
  - Another nested item
    - Deep nested item
    - Another deep nested item
  - Back to second level

Mixed lists

You can combine ordered and unordered lists for complex hierarchies.

1. First major step
   - Sub-requirement A
   - Sub-requirement B
2. Second major step
   - Another sub-item
   - Final sub-item
3. Final step

Tables

Present structured data in rows and columns clearly. Tables are ideal for comparing data or listing properties.

| Prop    | Default   | Type                     |
|---------|-----------|--------------------------|
| `name`  |           | `string`{lang="ts-type"} |
| `size`  | `md`      | `string`{lang="ts-type"} |
| `color` | `neutral` | `string`{lang="ts-type"} |

export default {
  slots: {
    root: 'my-4 overflow-x-auto',
    base: ''
  }
}