# form-textarea-editor

The markup of every demo on <https://kuiper.oeds.it/form-textarea-editor/>, extracted from that
page. It is generated, so it cannot disagree with what the page renders.

Load the framework from the origin and read <https://kuiper.oeds.it/docs/KUIPER.md> first:
a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`.

## textarea data-textarea="editor:true;"

```html
<div data-grid class="grid-xs">
 <div class="width-1-1 width-1-1@s width-1-1@m width-1-1@l width-1-1@xl"><div class="card"><label for="base">base</label><textarea id="base" name="base" data-textarea="editor:true;" placeholder="editor"></textarea></div></div>
</div>
```

## color

The same specimen repeated on each ground Kuiper paints. The point is what you do NOT write: the ink, the border and the placeholder follow the ground through the `--foreground-*` tokens, so no color class appears on the specimen itself.

```html
<div data-grid class="grid-xs">
 <div class="width-1-1 width-1-1@s width-1-1@m width-1-1@l width-1-1@xl"><div class="card"><label for="base-on-light">base</label><textarea id="base-on-light" name="base-on-light" placeholder="textarea editor" data-textarea="editor:true;"></textarea><output></output></div></div>
</div>
```

## color

```html
<div data-grid class="grid-xs">
 <div class="width-1-1 width-1-1@s width-1-1@m width-1-1@l width-1-1@xl"><div class="card"><label for="base-on-dark">base</label><textarea id="base-on-dark" name="base-on-dark" placeholder="textarea editor" data-textarea="editor:true;"></textarea><output></output></div></div>
</div>
```