# resize

The markup of every demo on <https://kuiper.oeds.it/resize/>, 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-`.

## resize

Varies: 3 specimens.

```html
<div data-grid class="grid-xs">
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-3@l width-1-4@xl"><div class="card"><label for="resize">resize</label><textarea id="resize" name="resize" class="resize" rows="3" placeholder="resize"></textarea></div></div>
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-3@l width-1-4@xl"><div class="card"><label for="resize-horizontal">resize-horizontal</label><textarea id="resize-horizontal" name="resize-horizontal" class="resize-horizontal" rows="3" placeholder="resize-horizontal"></textarea></div></div>
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-3@l width-1-4@xl"><div class="card"><label for="resize-vertical">resize-vertical</label><textarea id="resize-vertical" name="resize-vertical" class="resize-vertical" rows="3" placeholder="resize-vertical"></textarea></div></div>
</div>
```