# List

Native ordered or unordered content with token spacing and optional markers.

Connect Flood once using [the installation guide](https://flood.md/docs/installation). Then import the components you use; no per-component add command is needed.

## Example

```tsx
"use client";

import { FloodRoot, List } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <List><li>Install the matching packages.</li><li>Import the stylesheet.</li><li>Compose with Flood.</li></List>
    </FloodRoot>
  );
}
```

## Design notes

- Supply native li children. ordered chooses ol; start/reversed apply only to ordered lists. start must be a safe integer.
- Hiding markers retains an explicit list role for browser/assistive-technology consistency. Content may include links or controls without changing its content-list semantics.
- This is not ListBox, a selection model or a keyboard-navigation engine.
- Available in 0.2.4; use matching installed declarations.

## API reference

| Prop | Values | Default |
| --- | --- | --- |
| `ordered` | `boolean` | `false` |
| `start` | `number` | `—` |
| `reversed` | `boolean` | `—` |
| `marker` | `boolean` | `true` |
| `gap` | `"0" \| "1" \| "2" \| "3" \| "4" \| "6" \| "8" \| "12"` | `"2"` |
| `Native HTML props` | `Omit<HTMLAttributes<HTMLUListElement \| HTMLOListElement>, "role">` | `Forwarded` |