Docs
Workflow Animation
Workflow Animation
You can see the workflow with scrolling
Build with BuouUI
Scroll this component and see the workflow!
Logic
Input
logic was resolved to TRUE
Input
logic was resolved to FAIL
Input
2500
Request
https://api.example.com/v1/data
Output
2500
Output
Installation
Copy and paste the cn util code into your project.
import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
Copy and paste the dot code into your project.
API Reference
Props
| Prop | Type | Description |
|---|---|---|
| title | string | Workflow header. |
| describtion | string | Workflow description. |
| pathLengths | MotionValue | framer-motion MotionValue |