![Module](https://img.shields.io/badge/%40platform-ui.text-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.text.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.text)
![banner](https://user-images.githubusercontent.com/185555/57892786-65355e00-7894-11e9-8db9-315a47e46b2e.png)

Display text and simple text `input` components.

## Setup

    yarn add @platform/ui.text

<p>&nbsp;</p>


## CSS
There are a variety of ways to embed references to the web-fonts:

#### Roboto (Sans)
```typescript
css.head.importStylesheet(ROBOTO.GOOGLE.URL)
```
```html
<link href='https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,900&display=swap' rel='stylesheet' />
```
```css
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,900&display=swap');
```

<p>&nbsp;</p>

#### Roboto (Monospace)
```typescript
css.head.importStylesheet(MONOSPACE.GOOGLE.URL)
```
```html
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
```
```css
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap')
```

<p>&nbsp;</p>
<p>&nbsp;</p>