Module Solidtype_heroui.Scroll_shadow

HeroUI's ScrollShadow: a <div> that scrolls, with HeroUI's classes from Styles.ScrollShadow, faded at each edge it hides content at. It measures itself as it scrolls, as it is resized and as its content changes, and declares each edge as HeroUI's hook writes it -- data-top-scroll and data-bottom-scroll, "true" or "false", or data-top-bottom-scroll where content is hidden at both -- or the edges its visibility gives.

  <Scroll_shadow class_="max-h-[300px]">(fun () -> long_text ())</Scroll_shadow>

It is measured once it is in the browser, never on the server, so a prerendered shadow marks no edge until it is. Kobalte has no scroll shadow.

type edge = [
  1. | `top
  2. | `bottom
  3. | `left
  4. | `right
  5. | `both
  6. | `none
]

The edges content is hidden at: `both those of its orientation.

module Props : sig ... end