# @ecl/generic-component-meta

> ECL Meta component

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

## Install

```sh
npm install @ecl/generic-component-meta
pnpm add @ecl/generic-component-meta
yarn add @ecl/generic-component-meta
bun add @ecl/generic-component-meta
```

## 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-12-09 |
| First published | 2018-04-27 |
| Weekly downloads | 0 |
| License | EUPL-1.1 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 4.6 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-component-meta
- 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-component-meta

## Dependencies (1)

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

## Recent versions

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

## README

# Meta

## Why and when to use this component

The meta information displays extra context about a piece of content that the
user is browsing.\
It should always be displayed in uppercase and different meta items should be separated
with pipe characters.\
You shouldn't have more than two meta items on a single entry.

## When to use this component

* the default meta should be used on list blocks to provide extra context to a
  particular entry before the user clicks through to its detail page
* the header meta should be used on the aforementioned detail pages on the page
  header area
* the header meta should also be used on other single pages where you want to
  display extra context about what the page is about

## Do not use this component

* on landing pages
* with lowercase except for dates

## Implementation

Here are the possible modifiers:

* **.ecl-meta--header**: Meta header modifier that is currently used in the page
  header, it is larger than the meta component alone

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