Skip to main content

​
Overview

Scroll Island is a component that displays scroll progress with animated number transitions and an expandable interface for additional content.

​
Usage

<template>
  <ScrollIsland
    title="Progress"
    :height="44"
    class="custom-class"
  >
    <!-- Additional content goes here -->
  </ScrollIsland>
</template>

​
API Reference

​
Props

Prop NameTypeDefaultDescription
classstring""Additional CSS classes for custom styling.
titlestring"Progress"Title displayed in the header of the component.
heightstring44Height of the component.

​
Dependencies

  • @number-flow/vue

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us