# @financial-times/editorial-o-typography

> Origami Typography wrapped for React

Latest version **1.0.4** (published 2022-05-06) · ISC license · 0 weekly downloads

## Install

```sh
npm install @financial-times/editorial-o-typography
pnpm add @financial-times/editorial-o-typography
yarn add @financial-times/editorial-o-typography
bun add @financial-times/editorial-o-typography
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2022-05-06 |
| First published | 2021-05-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 473.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Financial Times |
| Maintainers | nikita.lohia, notlee, efinlay24, emmalewis, aendra, the-ft, rowanmanning, chee, alexwilson |

## Links

- npm: https://www.npmjs.com/package/@financial-times/editorial-o-typography
- Repository: https://github.com/financial-times/editorial-origami-react
- Homepage: https://github.com/Financial-Times/editorial-origami-react#readme
- Issues: https://github.com/Financial-Times/editorial-origami-react/issues
- npm.io page: https://npm.io/package/@financial-times/editorial-o-typography

## Recent versions

- 1.0.4 (latest) — 2022-05-06
- 1.0.2 — 2021-05-13

## README

# `@financial-times/editorial-o-typography`

React implementation of (o-typography)[https://github.com/Financial-Times/o-typography]

## Usage

All components:

- accept a `brand` property of either `internal` or `master`.
- are built using React's [ForwardRef](https://reactjs.org/docs/forwarding-refs.html)

This package includes components for all styles defined in o-typography by semantics and function:

- Body
- Caption
- Footer
- Heading
- Link
- List

Use those components if the text you need to render fits into their criteria.

If you are looking to style text outside an article or main text area, it's more likely that the following components are more appropriate:

- Display
- Text

These components allow to configure:

- scale as per o-typography (from -2 to 10)
- weight: `semibold`, `bold`
- italic
- fontFamily: `serif`, `sans`

---
_Source: https://npm.io/package/@financial-times/editorial-o-typography · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._