```js script
import '@divriots/dockit-core/text/dockit-text.define.js';
```

# dockit-text

Building block to showcase text-related tokens like font sizes and families.

## Setup

```js
import '@divriots/dockit-core/text/dockit-text.define.js';
```

## Demos

### Pangram

Useful to showcase font families (thanks to a pangram containing most letters of the alphabet), but also suitable for other tokens that require short text like colors and font sizes.

```html preview-story
<dockit-text></dockit-text>
```

### Long text

Useful to showcase line height and other tokens that can be demonstrated only in a multiline paragraph.

```html preview-story
<dockit-text long-text></dockit-text>
```