# @ecl/generic-style-typography-list

> ECL Lists

Latest version **1.3.0** (published 2019-08-29) · EUPL-1.1 license · 0 weekly downloads

## Install

```sh
npm install @ecl/generic-style-typography-list
pnpm add @ecl/generic-style-typography-list
yarn add @ecl/generic-style-typography-list
bun add @ecl/generic-style-typography-list
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: no vulnerabilities; high maintenance score.

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

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.3.0 |
| Published | 2019-08-29 |
| First published | 2018-04-27 |
| Weekly downloads | 0 |
| License | EUPL-1.1 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 4.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 162 |
| Author | European Commission |
| Maintainers | kalin.chernev, weslito, yhuard |
| Keywords | ecl, europa-component-library, design-system |

## Links

- npm: https://www.npmjs.com/package/@ecl/generic-style-typography-list
- Repository: https://github.com/ec-europa/europa-component-library
- Issues: https://github.com/ec-europa/europa-component-library/issues
- npm.io page: https://npm.io/package/@ecl/generic-style-typography-list

## Dependencies (2)

- [@ecl/generic-base](https://npm.io/package/@ecl/generic-base.md) ^1.2.0
- [@ecl/generic-style-typography-heading](https://npm.io/package/@ecl/generic-style-typography-heading.md) ^1.2.0

## Recent versions

- 1.3.0 (latest) — 2019-08-29
- 1.2.0 — 2019-08-13
- 1.1.0 — 2019-04-04
- 2.0.0-alpha.1 — 2018-10-11
- 1.0.0 — 2018-04-27

## README

# Rich Text Lists

Lists display related content. This can be done either in an ordered or an
unordered way.

This section only talks about Rich Text Lists, which are mainly used to bring
structure and scannability into a piece of content. If you want to use lists to
for displaying data from similar content types, or for navigation - check out
the relevant components.

## Unordered lists

Bullet points help break up large blocks of text, make complex articles and blog
posts easier to grasp, and make key information stand out.

<ul class="ecl-list">
  <li>lorem</li>
  <li>ipsum</li>
  <li>dolor</li>
</ul>

## Ordered lists

Only use numbered lists when there is a sequence in the list of items.

An ordered list can be numerical or alphabetical.

<ol class="ecl-list">
  <li>lorem</li>
  <li>ipsum</li>
  <li>dolor</li>
</ol>

<ol class="ecl-list ecl-list--alpha">
  <li>lorem</li>
  <li>ipsum</li>
  <li>dolor</li>
</ol>

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