Docs / Components / Scroll Velocity
Scroll Velocity
A text component that moves with the scroll velocity.
Rankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component library
Rankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component libraryRankflow UI is a react component library
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add scroll-velocity
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| texts | string[] | ['Rankflow UI is a react component library', 'Rankflow UI is a react component library'] | Array of texts to display. |
| baseVelocity | number | 1 | Base velocity of the text. |
| className | string | '' | Additional CSS classes. |
| textClassName | string | '' | Additional CSS classes for the text. |