# finder

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

## default

The component with no options set -- what the markup alone gives you, before any parameter is tuned. Read this one first: every other panel on the page is a departure from it.

Varies: 26 specimens.

```html
<div class="card border padding-xs">
 <div class="grid-xs grid-divider" data-grid data-finder-items>
  <div class="width-1-1" data-finder-item data-finder-term>a</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>b</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>c</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>d</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>e</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>f</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>g</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>h</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>i</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>j</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>k</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>l</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>m</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>n</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>o</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>p</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>q</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>r</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>s</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>t</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>u</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>v</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>w</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>x</span></div>
  <div class="width-1-1" data-finder-item data-finder-term>y</div>
  <div class="width-1-1" data-finder-item><span data-finder-term>z</span></div>
 </div>
</div>
```
