# @comparaonline/ui-typography

> ## Installation

Latest version **0.27.1** (published 2018-12-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install @comparaonline/ui-typography
pnpm add @comparaonline/ui-typography
yarn add @comparaonline/ui-typography
bun add @comparaonline/ui-typography
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.27.1 |
| Published | 2018-12-03 |
| First published | 2018-03-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 19 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | ComparaOnline.com |
| Maintainers | comparaonline-dev, comparaonlineprivate, emartini, gnza, gpuente, izaban, jacobparra, javierlara1989, jesusdaniel1901, jflobos, jokude, juorderg, kimdonghwan, lisandrop, matotias, mnegrete, rarce, suarezcumare, truca, warseph |

## Links

- npm: https://www.npmjs.com/package/@comparaonline/ui-typography
- npm.io page: https://npm.io/package/@comparaonline/ui-typography

## Dependencies (1)

- [@comparaonline/ui-fonts](https://npm.io/package/@comparaonline/ui-fonts.md) ^0.19.1

## Recent versions

- 0.27.1 (latest) — 2018-12-03
- 0.23.1 — 2018-11-07
- 0.21.2 — 2018-10-18
- 0.21.1 — 2018-10-18
- 0.20.1 — 2018-10-02
- 0.19.1 — 2018-08-24
- 0.18.0 — 2018-08-16
- 0.17.4 — 2018-07-27
- 0.17.3 — 2018-07-27
- 0.17.2 — 2018-07-26
- 0.17.0 — 2018-07-25
- 0.16.1 — 2018-07-13
- 0.16.0 — 2018-07-12
- 0.14.1 — 2018-06-06
- 0.14.0 — 2018-06-05
- … 5 more at https://npm.io/package/@comparaonline/ui-typography/versions

## README

# @comparaonline/ui-typography

## Installation

```
yarn add @comparaonline/ui-typography
```

## Usage

```jsx
import Typography from '@comparaonline/ui-typography';

return <Typography variant={variant} tag={htmlTag} color={color} />;
```

The possible values of `variant` are defined by `@comparaonoline/ui-theme` and are:

| prop name | required | type                                                                                                                  | default   | description                                         |
| --------- | -------- | --------------------------------------------------------------------------------------------------------------------- | --------- | --------------------------------------------------- |
| `variant` | true     | enum `'display4', 'display3', 'display2', 'display1', 'body1', 'body2', 'caption', 'headline', 'subheading', 'title'` | `'body1'` | The variant to be applied                           |
| `tag`     | true     | string                                                                                                                | `'span'`  | The HTML tag to be used to render the component     |
| `color`   | false    | enum `'primary', 'secondary', 'hint', 'disabled'`                                                                     |           | A color to overwrite the value defined in the theme |

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