View Source SaladUI.ScrollArea (SaladUI v1.0.0-beta.3)

Implementation of a scroll area component with custom styling.

The scroll area provides a consistent scrolling experience across different browsers and platforms, with customizable styling for the scrollbar.

Examples:

<.scroll_area class="h-[200px]">
  <div class="p-4">
    <h4 class="mb-4 text-sm font-medium leading-none">Tags</h4>
    <%= for tag <- 1..50 do %>
      <div class="text-sm">
        v1.2.0-beta.<%= tag %>
      </div>
      <.separator class="my-2" />
    <% end %>
  </div>
</.scroll_area>

Summary

Functions

Renders a custom scrollable area.

Functions

Renders a custom scrollable area.

Options

  • :class - Additional CSS classes to apply to the scroll area container

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block