# @arc-core-components/element_headline

> Arc Core Component that represents a headline element.

Latest version **0.0.5-beta.0** (published 2019-11-08) · ISC license · 0 weekly downloads

## Install

```sh
npm install @arc-core-components/element_headline
pnpm add @arc-core-components/element_headline
yarn add @arc-core-components/element_headline
bun add @arc-core-components/element_headline
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5-beta.0 |
| Published | 2019-11-08 |
| First published | 2019-03-06 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 12.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Alex Aguilar |
| Maintainers | amyerz, badmintonkid, dan-weaver, danielkim1, design1online, imaus10, juliebacon, maddoxnelson, npmcojocaruv, npmwbcook, wpj, yonm |

## Links

- npm: https://www.npmjs.com/package/@arc-core-components/element_headline
- Repository: https://github.com/wapopartners/core-components/packages/element-headline
- npm.io page: https://npm.io/package/@arc-core-components/element_headline

## Dependencies (1)

- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.4.3

## Recent versions

- 0.0.5-beta.0 (latest) — 2019-11-08
- 0.0.4-beta.0 — 2019-05-30
- 0.0.3-beta.1 — 2019-04-10
- 0.0.3-beta.0 — 2019-04-08
- 0.0.2-beta.2 — 2019-04-01
- 0.0.2-beta.1 — 2019-03-18
- 0.0.2-beta.0 — 2019-03-12
- 0.0.1 — 2019-03-06

## README

## Element Headline: An Arc Core Component

# What does this do?

When used in a Fusion Project, this Core Component can be used to render the
Headline and optional Subheadline of an ANS Story, with an optional URL for
both.

# How do I use it?

```javascript
import Headline from "@arc-core-components/element_headline";

<Headline
  headlineContainerClasses={headlineContainerClasses}
  headlineClasses={headlineClasses}
  headlineLevel={headlineLevel}
  headlineText={headlineText}
  subdheadlineClasses={subheadlineClasses}
  subheadlineLevel={subheadlineLevel}
  subheadlineText={subheadlineText}
  url={url}
/>;
```

Take a look in the `src/index.mdx` file to see suggested implementations.

# How can I view what's in there quickly?

Run `npm i && npm run docz:dev` after cloning to see what is within.

# Testing & Linting

We are using Jest and XO for testing and linting.

We are using Husky to run a pre-push hook, preventing un-linted or code that
fails tests from making it into the repo.

**To test:** `npm test`

**To lint:** `npm run lint` - This will also fix any simple linter errors
automatically.

**To push without testing or linting**: `git push --no-verify` - This can often
be helpful if you just need to push a branch for demonstration purposes or for
help.

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