# @berlitz/list

> List component for the Max Design System

Latest version **3.2.30** (published 2026-05-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @berlitz/list
pnpm add @berlitz/list
yarn add @berlitz/list
bun add @berlitz/list
```

## Health

**Score 45/100 (D)** — status: active.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 3.2.30 |
| Published | 2026-05-26 |
| First published | 2018-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 34.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | berlitz |

## Links

- npm: https://www.npmjs.com/package/@berlitz/list
- Homepage: https://github.com/berlitz-global/max/blob/master/components/list/CHANGELOG.md
- npm.io page: https://npm.io/package/@berlitz/list

## Dependencies (3)

- [@berlitz/globals](https://npm.io/package/@berlitz/globals.md) 4.9.4
- [@berlitz/max-utils](https://npm.io/package/@berlitz/max-utils.md) 4.8.3
- [styled-components-rtl](https://npm.io/package/styled-components-rtl.md) 5.2.0

## Recent versions

- 3.2.30 (latest) — 2026-05-26
- 3.1.22-test.2 (canary) — 2022-01-24
- 3.2.29 — 2026-03-09
- 3.2.28 — 2025-06-03
- 3.2.27 — 2025-05-28
- 3.2.26 — 2025-04-23
- 3.2.25 — 2025-04-21
- 3.2.24 — 2025-04-16
- 3.2.23 — 2025-04-16
- 3.2.22 — 2025-04-16
- 3.2.21 — 2025-04-16
- 3.2.20 — 2025-02-28
- 3.2.19 — 2025-02-27
- 3.2.18 — 2024-09-09
- 3.2.17 — 2024-08-26
- … 178 more at https://npm.io/package/@berlitz/list/versions

## README

# List [![npm version](https://img.shields.io/npm/v/@berlitz/list.svg)](https://www.npmjs.com/package/@berlitz/list)

Berlitz List Component takes in an array of strings which is outputted as list items. This can be set as a unordered list (with a blue dot point on the left side), or an ordered list (that is numbered along the left side). This list has responsive settings allowing you to collapse to a single column layout on the choosen breakpoint as well as setting the number of columns.

## Installation

```shell
yarn add @berlitz/List
```

## Props

| Argument  | Type   | Required | Default | Example                         |
| --------- | ------ | -------- | ------- | ------------------------------- |
| Data      | array  | true     | -       | ['one', 'two', 'three', 'four'] |
| IsOrdered | bool   | false    | false   |                                 |
| cols      | number | false    | 1       |                                 |
| collapse  | array  | false    | false   | ['xs', 'sm', 'md', 'lg', 'xl']  |

## Usage

```jsx
import React from 'react'
import List from '@berlitz/List'
const MyApp = () => (
  <>
    <h2>Unordered</h2>
    <List data={data} cols={2} collapse={['xs', 'sm', 'md']} />
    <h2>Ordered</h2>
    <List data={data} cols={2} collapse={['xs', 'sm', 'md']} ordered />
  </>
)
```

### When to use this component

- Bullet Points
- Privacy Policy / TOS

---
_Source: https://npm.io/package/@berlitz/list · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._