# blocks/list

> List item — bullets and numbers are one module: `ordered` switches a CSS counter, so numbering stays right after any reorder.

List item (F-20) — bullets and numbers are one module: `ordered` switches a CSS counter, so numbering stays right after any reorder. `- ` / `* ` and `1. ` input rules; Tab / Shift-Tab nest. Markdown: `-` / `1.` · HTML: `<li>` inside `<ul>` or `<ol>`.

```js
import list from 'verbal-editor/blocks/list';
```

| JS gzip | CSS gzip |
| --- | --- |
| 0.52 KB | 0.29 KB |

See it live on [Writing](#/examples/welcome) — every example page on the landing is editable.

## Contract

|  |  |
| --- | --- |
| Block type | `list` |
| Content | text with marks |
| Props | `ordered: boolean` |
| Slash menu | `• Bulleted list` `1. Numbered list` |
| Keywords | `ul` `bullet` `unordered` `ol` `ordered` `number` |
| Typing rules | `^[-*+]\s$` `^1[.)]\s$` |
| Pastes from | `<li>` `Markdown` |
| Copies as | `Markdown` `HTML` |

## Acceptance

| Feature | Acceptance | Budget |
| --- | --- | --- |
| F-20 · Bullet + numbered lists | Tab/Shift-Tab indent; numbering correct after any reorder | ≤ 1.5KB |