Usage in SnapFramework

Scrollable container is used for large content that you want to scroll. It renders a component child within. this is meant to be as plug and play as possible. With minimal fiddling to get it to work. You can use the ScrollBar component directly if you want to build your own scrollable containers.

data is an object in the form of

%{
  frame: {460, 470},
  content: {800, 800}
}

You can choose which scroll bars to render via the scroll_bars option.

<%= graph font_size: 20 %>

<%= component FloUI.Scrollable.Container,
      %{
          frame: {460, 470},
          content: {800, 800}
      },
      translate: {20, 60},
      scroll_bars: %{
          vertical: %{
              show: true,
              show_buttons: true,
              theme: Scenic.Primitive.Style.Theme.preset(:dark),
              thickness: 15
          },
          horizontal: %{
              show: true,
              show_buttons: true,
              theme: Scenic.Primitive.Style.Theme.preset(:dark),
              thickness: 15
          }
      } do %>

      <%= component Basic.Component.Page4, nil %>

  <% end %>