Overview

As I mentioned in #111 issue, I'd like to add scroll ability to some components like Tables and Lists.

In this pull request I implemented a simple wrapper component, that enables item scrolling for any data collection with any rendering, not bound to any component at all.

What was done

1. Scrollable component, that adds ability to scroll through items and render limited count.

Component provide the children its context, where is the keyboard callback and some info

2. Gallery example to that component, with list and table:

3. Documentation in design docs and the website.
4. Changed the HtmlListElementTranslator - add in ol element data-offset attribute to render the correct number using offset.
   Here is the example:

<Scrollable Items="@AlphabetData" PageSize="4">
  <ol data-offset="@context.CurrentOffset" @onkeydown="context.KeyDownEventHandler">
      @foreach (var item in context)
      {
          <li>
              <Markup Content=@($"{item.Letter}") Foreground="@item.Color"/>
          </li>
      }
  </ol>
</Scrollable>

P.S. I'm not sure if the api of the component made well - maybe there is the simpler solution, idk. Also, if code quality is bad somewhere - write about it, and I'll try to fix that.